Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

scorpio

[Resolvido] doctype html

Por , em Desenvolvimento frontend

Recommended Posts

scorpio    7

scorpio
Postado

Tenho o seguinte HTML:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Page</title>
<style type='text/css'>
.ClassErro{font-size: 14;color: #FF0000;}
.ClassInfo{font-size: 20;color: #000000;}
.ClassWarn{font-size: 14;color: #000000;}
</style>
</head>
<body>
   <form name="form1" method="post" action="Login.aspx" id="form1">
<div>
	<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKLTkyMTM2MjUzNA9kFgICAw9kFgICAQ9kFgJmDxYCHgRUZXh0BbEBPGRpdj4NCjx1bD4NCjxsaSBjbGFzcz0nQ2xhc3NJbmZvJz50ZXN0YW5kbzwvbGk+DQo8bGkgY2xhc3M9J0NsYXNzSW5mbyc+dGVzdGFuZG8xPC9saT4NCjxsaSBjbGFzcz0nQ2xhc3NJbmZvJz50ZXN0YW5kbzI8L2xpPg0KPGxpIGNsYXNzPSdDbGFzc1dhcm4nPnRlc3RhbmRvMzwvbGk+DQo8L3VsPjwvZGl2Pg0KZGSA615sMxPLZETuCpvA+69oa57QMQ==" />
</div>
   <div>
	<ul>
		<li class='ClassInfo'>testando</li>
		<li class='ClassInfo'>testando1</li>
		<li class='ClassErro'>testando2</li>
		<li class='ClassWarn'>testando3</li>
	</ul>
</div>
   </form>
</body>
</html>

O CSS só funciona quando retiro a linha

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

Porque isso acontece? Tem alguma coisa errada no CSS?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Eduardo Giullyanny    1

Eduardo Giullyanny
Postado

Não tenho muita certeza, mas sou capaz de afirmar 70% q isso tem haver com validação...

 

Lhe digo pq, estou no momento mais experiente com isso, mas tinha uma epoca em que eu n usava css, era somente tabelas, e então eu n consegui centralizar meus sites com css....

 

O q eu fazia era, colocar uma tabela sem borda com apenas uma celula e com 100% na lagura e altura, qdo o cara abrir o site ele centralizava sempre na horizontal, mas n na vertical sendo q tinha q centralizar pelos dois lados... ai então um professor meu malandrinho me disse que isso tinha haver com validação do codigo e que se eu tira-se a linha do doctype e o xmlns q fica dentro da tag html ele ia funcionar...

 

Bom o negocio funcionou e funciona até hj, pelomenos ate o ultimo dia q eu tentei. rsrsrs

 

agora eu sou muito fá de css, e n acredito q usar gambiarra como a q eu usava é o melhor a fazer...

 

e sobre seu codigo eu testei aqui e deu certo no meu não sei pq num funcionou ai, estou usando o xhtml static e não transitional, mas se num tiver outra resposta melhor tenta mudar o xhtml do doctype

Compartilhar este post

Link para o post
Compartilhar em outros sites

scorpio    7

scorpio
Postado

Valeu Eduardo.

 

 

Coloquei o atributo rel no style, e funcionou.

 

Obrigado.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito