Validação CSS

[fsilvarib 0]

E aí pessoal tudo bom?É o seguinte gostaria de saber se tem alguma outra forma de eu colocar cor no meu link, pois toda vez q eu coloco a opção "COLOR" na validação do CSS mostra assim: You have no background-color with your color : a You have no background-color with your color : a:link You have no background-color with your color : a:visited You have no background-color with your color : a:hoverO código é esse do link:a { text-decoration: none; color: Black;}a:link { text-decoration: none; color: Black;}a:visited { text-decoration: none; color: Black;}a:hover { text-decoration: underline; color: Black;}Eu gostaria de usar a cor preta em todos os links conforme o css acima.Tem algum outro jeito de fazer isso?Pq toda vez q eu uso essa tag Color ou a Background Color, mostra q tem erro na validação.Vcs poderiam me ajudar por favor?Muito obrigado pela atenção, até mais.

[renanfog 0]

coloca assim:

 

color: #000000;

Não usa o nome das cores, pega o código mesmo

 

http://www.cultura.ufpa.br/dicas/htm/htm-cor1.htm

[pa_bruno 0]

naum eh erro naum cara... eh apenas um warning, avisando q o site pode ser visto de forma errada em browsers na internet...tinha essa dúvida também, mas depois li o porquê deles adotarem essa regra... Ela é bem recente...Tipo, quando você utiliza um background-color: #CCCCCC; e naum define um atributo color, pode ser que algum usuário possa usar como padrão a cor cinza no texto... ou ateh mesmo ao contrário, como eh o seu caso... se você coloca um color: #000000; num texto, se o usuário deixar padrão a cor preta de fundo, ele naum verá o texto... ;) por isso agora eles adotaram essa regra, para que naum ocorra esse problema... ;) eh soh definir um background-color no css q resolve... ;)

[fsilvarib 0]

Kra valeu pela ajuda.

 

Muito obrigado mesmo...eu já tava ficando loko pq isso acontecia....mas agora com sua ajuda fico 10 valeu mesmo http://forum.imasters.com.br/public/style_emoticons/default/joia.gif http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif ..

 

Até mais. Se precisar de alguma coisa é só falar .

 

Valeu http://forum.imasters.com.br/public/style_emoticons/default/joia.gif http://forum.imasters.com.br/public/style_emoticons/default/joia.gif http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

[pa_bruno 0]

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

[renanfog 0]

Caramba......Ta dando alguns Warnings no meu CSS q eu não sei resolver:

Redefinition of margin-top : #menuPrincipal li a

Pq ta dando essa redefinição? Como resolvo? Só pq algum elemento pai ja tem margin-top??

Same colors for color and background-color in two contexts #conteudo #Boletimlink:hover and #formBoletim label

Caramba... ... ... são dois elementos nada a ver, pq ta dando mesma cor??Olha os css´s:

#conteudo #Boletimlink:hover{	color:#000000;	background-color:#EEEEEE;}#formBoletim label{	display:block;	float:left;	color:#EEEEEE;	width:50px;}

Olha esse:

You have no background-color with your color

Esse o Bruno esplicou, mas não posso colocar background-color pq tem uma imagem no fundo do div aonde ele está, e não quero sobrepor..... :( como posso resolver?? :(

[pa_bruno 0]

eh rapaz... eh uma f*** essa nova regra... eh bem pensada... mas acho q deviam ter pensado em algo mais completo pra se resolver...

 

Redefinition of margin-top : #menuPrincipal li a

provavelmnte você fez algo assim:

margin: 5px;margin-top: 0;

algo do gengero... você está redefinindo a mesma margem... se quiser resolver isso, coloque:

margin-bottom: 5px;margin-left: 5px;margin-right: 5px;margin-top: 0;

ae resolve... frescura, mas fazer o q neh... eu nem faço naum, deixo o warning mermo...

 

Same colors for color and background-color in two contexts #conteudo #Boletimlink:hover and #formBoletim label

provavelmente eh uma div dentro da outra, algo assim... com a mesma cor d fundo e de fonte... ae ele acusa...

 

You have no background-color with your color

esse ultimo eu tb tenho problemas com ele... tentei usar o transparent, mas ele acusa do mermo jeito... deixei com o warning mesmo... naum eh erro, apenas um aviso q a acessibilidade pode estar sendo afetada, algo assim...

 

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

[renanfog 0]

Mas se eu deixar assim o meu CSS não pode ser considerado validado né??

[pa_bruno 0]

pode sim... ;) ele está com o congratulations? a mensagem de aprovação? Se sim, então ele está... Ele só chama atenção por esses "defeitos" digamos assim... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[renanfog 0]

Não apareceu o congratulations... :( E isso do same colors se eu tirar vai dar m*****, tipo assim se eu tiro o color de um hover num link, ele aparece o do link, e não a cor do div aonde ele está..... :wacko: olha os warnings:

* Line : 214 (Level : 1) You have no background-color with your color : #formBoletim p * Line : 219 (Level : 1) Same colors for color and background-color in two contexts #conteudo #Boletimlink:hover and #formBoletim label * Line : 219 (Level : 1) You have no background-color with your color : #formBoletim label * Line : 276 (Level : 1) Same colors for color and background-color in two contexts #menuPrincipal li a:hover and #barraLateral ul li a span * Line : 276 (Level : 1) Same colors for color and background-color in two contexts #edicoesAnteriores ul li a:hover and #barraLateral ul li a span * Line : 276 (Level : 1) Same colors for color and background-color in two contexts #formBoletim input and #barraLateral ul li a span * Line : 276 (Level : 1) You have no background-color with your color : #barraLateral ul li a span * Line : 276 (Level : 1) Same colors for color and background-color in two contexts #formBoletim legend and #barraLateral ul li a span * Line : 276 (Level : 1) Same colors for color and background-color in two contexts #menuPrincipal li a and #barraLateral ul li a span * Line : 319 (Level : 1) Same colors for color and background-color in two contexts #conteudo #Boletimlink:hover and #rodape * Line : 319 (Level : 1) You have no background-color with your color : #rodape * Line : 322 (Level : 1) Same colors for color and background-color in two contexts #conteudo #Boletimlink:hover and #rodape a * Line : 322 (Level : 1) You have no background-color with your color : #rodape a

[pa_bruno 0]

tem certeza q naum apareceu? pq em um site q fiz, ele apareceu, mermo com os warnings, ele aparece +ou- assim:

 

Congratulations!

 

Valid CSS! This document validates as CSS!

 

To show your readers that you've taken the care to create an interoperable Web page, you may display this icon on any page that validates. Here is the XHTML you could use to add this icon to your Web page:

 

 

<p>

<a href="http://jigsaw.w3.org/css-validator/">

<img style="border:0;width:88px;height:31px"

src="http://jigsaw.w3.org/css-validator/images/vcss"

alt="Valid CSS!" />

</a>

</p>

 

(close the img tag with > instead of /> if using HTML <= 4.01)

 

If you like, you can download a copy of this image to keep in your local web directory, and change the XHTML fragment above to reference your local image rather than the one on this server.

 

If you would like to create a link to this page (i.e., this validation result) to make it easier to re-validate this page in the future or to allow others to validate your page, the URI is:

 

http://jigsaw.w3.org/css-validator/validat...br/v1/index.htm

or http://jigsaw.w3.org/css-validator/check/referer (for HTML/XML document only)

 

(Or, you can just add the current page to your bookmarks or hotlist.)

 

To work as intended, your CSS style sheet needs a correct document parse tree. This means you should use valid HTML.

Warnings

URI : http://www.voiprio.com.br/v1/css/estilo_capa.css

 

* Line : 5 (Level : 1) You have no color with your background-color : body

* Line : 75 (Level : 1) You have no background-color with your color : #rodape

* Line : 84 (Level : 1) You have no background-color with your color : #rodape a

* Line : 125 (Level : 1) You have no background-color with your color : #menu a

* Line : 129 (Level : 1) You have no background-color with your color : #menu a:hover

* Line : 217 (Level : 1) You have no background-color with your color : #comparePrecos a

[renanfog 0]

Cara, não apareceu mesmo....Eu arranquei a parte dos warnings e apareceu:

W3C CSS Validator Results for file://localhost/teste2.cssNo error or warning foundTo work as intended, your CSS style sheet needs a correct document parse tree. This means you should use valid HTML.

Acho q então o meu ta validado... só deu aqueles warnings q eu te passei...eu to validando aqui http://jigsaw.w3.org/css-validator/ta beleza então né?? valeu! :D

[pa_bruno 0]

pode mandar o link do site pra eu dar uma olhada pra ver se tah mesmo??? http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[renanfog 0]

uééééé... :wacko: testando o CSS num arquivo local, mas só o CSS ele não da o congratulations..Mas eu hospedei ontem a noite um XHTML com o CSS incorporado e o agora validou e deu o congratulations... :wacko: :wacko: :wacko: :wacko: caramba.....

[pa_bruno 0]

cara, pra testar tem q ser online... ;) pra dar o resultado correto... ;)

 

editei eu post, pra naum dar conflito em post q naum tem a ver... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif