Código diferente para navegadores
2 participantes
Página 1 de 1
Código diferente para navegadores
Notem o código abaixo:
como resolverei isso:
caso usem o google crhome, fosse utilizado o primeiro código.
Caso utilizem o mozila que utilizasse o segundo código
meu fórum:
http://somosmugiwara.forumeiros.com/
- Código:
.status img, .status img[alt="Este Tópico está bloqueado. Você não pode editar as mensagens ou responder."], .status img[alt="Novas mensagens"], .status img[alt="Não há novas mensagens"] {
margin-left: -32px!important;
margin-top: -17px!important;
position: absolute;
}
- Código:
.status img, .status img[alt="Este Tópico está bloqueado. Você não pode editar as mensagens ou responder."], .status img[alt="Novas mensagens"], .status img[alt="Não há novas mensagens"] {
margin-left: -17px !important;
position: absolute;
margin-top: -17px !important;
}
como resolverei isso:
caso usem o google crhome, fosse utilizado o primeiro código.
Caso utilizem o mozila que utilizasse o segundo código
meu fórum:
http://somosmugiwara.forumeiros.com/
Convidado- Convidado
Re: Código diferente para navegadores
Sim, isso realmente ocorre pelo fato dos navegaores Mozilla e Chrome terem modos diferentes de leitura.
Para resolver isso você tem que aplicar esse css diferente para cada navegador, e pra isso basta fazer da seguinte maneira:
Para resolver isso você tem que aplicar esse css diferente para cada navegador, e pra isso basta fazer da seguinte maneira:
- Código:
<!––[if Moz ]>
.status img, .status img[alt="Este Tópico está bloqueado. Você não pode editar as mensagens ou responder."], .status img[alt="Novas mensagens"], .status img[alt="Não há novas mensagens"] {
margin-left: -17px !important;
position: absolute;
margin-top: -17px !important;
}
<![endif]––>
Re: Código diferente para navegadores
Não resultou meu caro....
apareceu a seguinte mensagem na folha CSS.
apareceu a seguinte mensagem na folha CSS.
e o código que você me passou, coloquei assim na Folha CSS:
Seu CSS foi atualizado
Nota:
As balizas html geram erros na folha de estilo.
Uma correção acabou de ser feita visando suprimir as balizas html que foram adicionadas à folha de estilo.
- Código:
<!––[if Moz ]>
.status img, .status img[alt="Este Tópico está bloqueado. Você não pode editar as mensagens ou responder."], .status img[alt="Novas mensagens"], .status img[alt="Não há novas mensagens"] {
margin-left: -17px !important;
position: absolute;
margin-top: -17px !important;
}
<![endif]––>
- Código:
.status img, .status img[alt="Este Tópico está bloqueado. Você não pode editar as mensagens ou responder."], .status img[alt="Novas mensagens"], .status img[alt="Não há novas mensagens"] {
margin-left: -17px !important;
position: absolute;
margin-top: -17px !important;
}
<!––[if Moz ]>
<![endif]––>
Convidado- Convidado
Re: Código diferente para navegadores
Então faça o seguinte: vá ao seu template overall_header e antes de </head> cole o code assim:
- Código:
<!––[if Moz ]>
<style>
.status img, .status img[alt="Este Tópico está bloqueado. Você não pode editar as mensagens ou responder."], .status img[alt="Novas mensagens"], .status img[alt="Não há novas mensagens"] {
margin-left: -17px !important;
position: absolute;
margin-top: -17px !important;
}
</style>
<![endif]––>
Re: Código diferente para navegadores
Legolas o mesmo funcionou no google chrome, ou seja, mudando as imagens das categorias de posição. queria que este código acima funcionasse apenas no mozila...
Convidado- Convidado
Re: Código diferente para navegadores
Bom, se essa condição não funcionou, acredito que somente através de javascript. Vou ver se posso fazer algo aqui e te retorno.
Re: Código diferente para navegadores
Olá. Bom, eu tinha quase certeza que a condição que mostrei funcionaria, pois eu já havia usado isso uma vez. Mas como não funcionou, nós podemos tentar forçar o css no mozilla através do prefixo.
Coloque o código abaixo no seu template overall_header antes de </head>
Coloque o código abaixo no seu template overall_header antes de </head>
- Código:
<style type="text/css">
@-moz-document url-prefix() {
.status img, .status img[alt="Este Tópico está bloqueado. Você não pode editar as mensagens ou responder."], .status img[alt="Novas mensagens"], .status img[alt="Não há novas mensagens"] {
margin-left: -17px !important;
position: absolute;
margin-top: -17px !important;
}
}
</style>
Re: Código diferente para navegadores
@-moz-document url-prefix() Esse é novo pra mim
joelson0007- Moderadores
- Time Online : 28d 21h 58m 5s
Mensagens : 373
Data de inscrição : 15/06/2013
Localização : Guarapuava-PR
Re: Código diferente para navegadores
Sim, essa é uma regra (rule) específica do Mozilla. Eu tinha me esquecido dela, mas é bem útil.joelson0007 escreveu:@-moz-document url-prefix() Esse é novo pra mim
Re: Código diferente para navegadores
Ficou perfeito Legolas...
Valeu cara...
Resolvido
Valeu cara...
Resolvido
Convidado- Convidado
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|