Problemas com o css

[Hebe 0]

Bom dia pessoal... Eu estou ficando louca com o meu css. http://forum.imasters.com.br/public/style_emoticons/default/upset.gif :wacko:

 

Funciona perfeitamente no IE mas o problema que não esta funcionando no Fox. Eu não estou encontrando o erro, alquem poderia me ajudar por favor.

 

Seque parte do meu CSS

a{text-decoration:none}a:hover{text-decoration:underline}#1,#1 a:link,#1 a:visited,#1 a:hover,#1 a:active,#2,#3,#3 a:link,#3 a:visited,#3 a:hover,#3 a:active,#4,#5,#9,#11,#12,#13,#15,#16,#24,#25,#26,#27,#28,#31,#34,#35,#36,#p3,#pag1,#pag2{font-family:arial,Helvetica,sans-serif;font-weight:normal;font-size:12px;color:#000000} #2,#2 a:link,#2 a:visited,#2 a:hover,#2 a:active{color:#ffffff}#3,#3 a:link,#3 a:visited,#3 a:hover,#3 a:active{color:#003399}#4,#4 a:link,#4 a:visited,#4 a:hover,#4 a:active{font-size:11px;color:#000000}

Obrigada

[martinusso 0]

ta meio tenso esse seu código neh...mas vamos tentar entender, o que é meio dificil...Primeiro que você usa o #2 duas vezes assim como o #3 e o #4...Segundo: "a&" o que siginfica?Terceiro: você nao falou qual é o problema neh...[uPDATE]Após o #58 ( nossa!!! ) você usa um ";"Lembrando o FireFox segue corretamente as instruções ao contrario do IE que aceita qq codigo por mais errado que esteja[uPDATE 2]tente assim:a {text-decoration:none;}a:hover {text-decoration:underline;}#1,#1 a, #2, #3, #3 a, #4, #5, #9, #11, #12, #13, #15, #16, #24, #25, #26,#27,#28, #31, #34, #35, #36, #58, #p3, #pag1,#pag2{font-family:arial,Helvetica,sans-serif;font-weight:normal;font-size:12px;color:#000000;}#2, #2 a {color:#ffffff;}#3, #3 a {color:#003399;}#4, #4 a {font-size:11px;color:#000000;}diz se deu certo, pois nao testei aqui...

[Giovani 104]

Muito tenso mesmo!!! ;)

 

Veja esse dois links:

 

Estilos diferentes para links em uma mesma página

 

Fundamentos e regras CSS básicas para manipulação de links

 

Acho q ajuda você! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Hebe 0]

Obrigada pela ajuda gio! e martinusso http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Eee é tenso pois é para todo o site http://forum.imasters.com.br/public/style_emoticons/default/ermm.gif

Primeiro, vou tentar explicar como trabalho com css... Eu tenho a matriz que é

 

#1,#1 a:link,#1 a:visited,#1 a:hover,#1 a:active{font-family:arial,Helvetica,sans-serif;font-weight:normal;font-size:12px;color:#000000}

 

Ou seja, é a fonte básica do site... para não repetir e fazer com que seja mais tenso o css eu utilizo #2 duas vezes assim como o #3 e o #4...

 

Por exemple: Todas as minhas fontes são font-family:arial,Helvetica,sans-serif; e para não seja repetido em todos eu faço assim

 

#1,#1 a:link,#1 a:visited,#1 a:hover,#1 a:active,#2,#3,#4,...{font-family:arial,Helvetica,sans-serif;font-weight:normal;font-size:12px;color:#000000}

 

Assim o #1, #2, #3 e #4... teram as mesmas fontes do #1 e para fazer as diferenças e repito o #2 com as diferenças do #1

 

#1,#1 a:link,#1 a:visited,#1 a:hover,#1 a:active{font-family:arial,Helvetica,sans-serif;font-weight:normal;font-size:12px;color:#000000}

#2{font-size:12px;color:#000000}

 

Assim a unica diferença do #2 para 0 #1 é font-size:12px;color:#000000... o resto será iquais font-family:arial,Helvetica,sans-serif;font-weight:normal

 

Bem, eu não tenho o "a&" no meu código original... eu devo ter copiado errado para o forum

 

O problema que o css funciona do IE perfeitamente, ou seja as fontes as margens aparecem ferfeitas mas no FireFox e como se não existisse o css

 

martinusso o brigada pelo link vou dar novamente uma estudada

[martinusso 0]

para a fonte use por exemplo:body {font-family:arial,Helvetica,sans-serif;}nesse caso nao precisa usar em mais nenhum lugar

[Giovani 104]

Hebe, como nosso amigo martinusso disse:

 

body {font-family:arial,Helvetica,sans-serif;}

Ai depois no id ou na class você define apenas o font-size.

Seu código vai ficar mais limpo, menor e mais elegante!

 

[]´s

[Hebe 0]

Legal martinusso, sua dica vai ajudar bastante... vou fazer alguns testes... qualquer dúvida volta aqui... Obrigada gio! e martinusso http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Giovani 104]

Que bom que conseguimos ajudar você Hebe! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

 

Para complementar, olha esse artigo sobre reciclagem de código css, é bem útil!!!

 

[]´s

[pa_bruno 0]

eh soh lembrar q os "filhos" herdam as configurações do "pai", em relação a fonte, cores, background, etc... soh muda qnd você diz no css para mudar... ;)

 

e lembre-se, o recomendado eh colocar o tamanho das letras em % ou em... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Hebe 0]

Obrigada a todos pela ajuda. Estou estudando melhor o conseito de CSS e vou utilizar todas as dicas de vcs. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

UM BOM FINAL DE SEMANA PARA TODOS :P

[Hebe 0]

Boa noite ^_^

 

Descobri porque o meu css não funcionava no Firefox. Eu nomeava as css utilizando os números 1,2,3,4... Bem, modifiquei os nomes para ft1,ft2,ft3,ft4... assim passou a funcionar perfeitamente no Fox também, eu ainda não sei porque o Fox não reconhece os css nomeados com os números, mas agora sei que não podem ser númerados desta maneira http://forum.imasters.com.br/public/style_emoticons/default/yay.gif

 

Obrigada http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[pa_bruno 0]

jah falei sobre isso por aki... tem um certo tempo ae... naum eh recomendado a utilização d somente numeros... tente sempre utilizar nomes q identifiquem o elemento input_nome, menu_lateral, por ae vai... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif