Ir para conteúdo

Arquivado

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

mestre fyoda

eu estou tendo dificuldades de vlidar uma tag no padrao W3C

Por , em Desenvolvimento frontend

Recommended Posts

mestre fyoda    1

mestre fyoda
Postado

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

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title> Administração </title>

<style type="text/css">

 

body {

font-size: 11px;

font-family: Verdana,Tahoma,Arial;

}

 

.topo {

width: 100%;

}

 

.geral {

width: 100%;

}

 

.esquerda {

width: 20%;

vertical-align: top;

}

 

.conteudo {

width: 80%;

vertical-align: top;

text-align: justify;

}

 

.rodape {

width: 100%

}

</style>

</head>

<body>

 

 

<table class="topo">

<tr>

<td>

Topo

</td>

</tr>

</table>

 

<br />

 

<table class="geral">

<tr>

<td>

 

<td class="esquerda">

<p> Menu </p>

</td>

 

<td class="conteudo">

 

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum in sem. Integer aliquam mi quis metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus tincidunt pede non ante. Donec suscipit libero in justo. Vestibulum id felis. Quisque accumsan scelerisque lorem. Praesent hendrerit. Sed nec justo. Integer feugiat tempor erat. Mauris dui felis, porttitor et, molestie vitae, adipiscing in, erat. Sed euismod. Morbi tempor.</p>

 

<p>Maecenas ante diam, posuere quis, lobortis et, gravida eu, nunc. Sed varius. Maecenas dui velit, sodales ut, molestie vel, feugiat at, lectus. Aliquam tristique massa a dui. Donec at nulla at felis venenatis sollicitudin. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam rutrum ligula ut elit mattis porta. Fusce euismod porttitor nulla. Sed interdum laoreet felis. Proin gravida nisl eget mi. Etiam lobortis. Aliquam felis nunc, mattis vitae, sodales nec, posuere id, nisl. </p>

 

<p>Sed lacinia imperdiet urna. In malesuada orci nec pede. Ut viverra. Etiam nunc orci, commodo at, tincidunt at, dapibus vitae, diam. Pellentesque tincidunt vulputate ante. Nulla aliquet, mi at euismod pellentesque, justo orci pellentesque nisl, in luctus lectus arcu ut neque. Sed ligula. Morbi posuere turpis ac mi. Nulla vitae nisi. Donec ultricies, mi eget venenatis consequat, mauris massa semper enim, eget aliquam odio elit et neque. Nulla sed enim id eros dictum dictum. Morbi et odio in purus rhoncus venenatis. </p>

 

<p>Vestibulum purus. Pellentesque nec dolor. In suscipit diam vel massa. Fusce diam arcu, facilisis eu, rhoncus vitae, convallis nec, nunc. Duis et tellus. Vivamus placerat tristique orci. Nam hendrerit diam id eros. Pellentesque magna purus, feugiat vitae, convallis sed, pharetra sed, est. Praesent sollicitudin. Sed sodales lacinia augue. Vivamus tempor elit in dui. Duis lacinia tortor gravida lacus. Nam felis leo, interdum quis, mattis et, vehicula eget, sapien. Quisque sit amet enim eget dolor porta placerat. </p>

 

<p>Donec id magna. Praesent condimentum fringilla orci. Suspendisse convallis. Donec ut neque condimentum metus sodales tempor. Nunc tortor nisl, scelerisque nec, molestie sed, interdum eu, ligula. Sed eget felis a turpis elementum venenatis. Fusce nibh. Vestibulum hendrerit sem a arcu. In sed est nec nisl placerat vehicula. Donec vestibulum, urna sit amet fermentum sodales, lacus magna vehicula arcu, vitae euismod tellus velit sed nunc. Aliquam sagittis diam nec metus. Vestibulum interdum fringilla ipsum. In sapien eros, placerat a, imperdiet id, fermentum quis, mi. Donec ligula lectus, tempus ac, aliquet nec, porta quis, arcu.</p>

 

 

</td>

 

 

</td>

</tr>

</table>

 

<br />

 

<table class="topo">

<tr>

<td>

Rodape

</td>

</tr>

</table>

 

 

</body>

</html>

Os 2 erros sao os seguintes :

 

Error Line 54 column 7: document type does not allow element "td" here.	   <td>The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed). One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's "self-closing" tags for "meta" and "link" in the "head" section of a HTML document may cause the parser to infer the end of the "head" section and the beginning of the "body" section (where "link" and "meta" are not allowed; hence the reported error). Error Line 58 column 24: document type does not allow element "td" here.	   <td class="conteudo">
Porque desses erro ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo de Tarso F. M.    24

Paulo de Tarso F. M.
Postado

Você inseriu uma célula dentro de outra, por isso está apresentando os erros... Faça assim:

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

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title> Administração </title>

<style type="text/css">

 

body {

font-size: 11px;

font-family: Verdana,Tahoma,Arial;

}

 

.topo {

width: 100%;

}

 

.geral {

width: 100%;

}

 

.esquerda {

width: 20%;

vertical-align: top;

}

 

.conteudo {

width: 80%;

vertical-align: top;

text-align: justify;

}

 

.rodape {

width: 100%

}

</style>

</head>

<body>

 

 

<table class="topo">

<tr>

<td>

Topo

</td>

</tr>

</table>

 

<br />

 

<table class="geral">

<tr>

<td>

 

<td class="esquerda">

<p> Menu </p>

</td>

 

<td class="conteudo">

 

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum in sem. Integer aliquam mi quis metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus tincidunt pede non ante. Donec suscipit libero in justo. Vestibulum id felis. Quisque accumsan scelerisque lorem. Praesent hendrerit. Sed nec justo. Integer feugiat tempor erat. Mauris dui felis, porttitor et, molestie vitae, adipiscing in, erat. Sed euismod. Morbi tempor.</p>

 

<p>Maecenas ante diam, posuere quis, lobortis et, gravida eu, nunc. Sed varius. Maecenas dui velit, sodales ut, molestie vel, feugiat at, lectus. Aliquam tristique massa a dui. Donec at nulla at felis venenatis sollicitudin. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam rutrum ligula ut elit mattis porta. Fusce euismod porttitor nulla. Sed interdum laoreet felis. Proin gravida nisl eget mi. Etiam lobortis. Aliquam felis nunc, mattis vitae, sodales nec, posuere id, nisl. </p>

 

<p>Sed lacinia imperdiet urna. In malesuada orci nec pede. Ut viverra. Etiam nunc orci, commodo at, tincidunt at, dapibus vitae, diam. Pellentesque tincidunt vulputate ante. Nulla aliquet, mi at euismod pellentesque, justo orci pellentesque nisl, in luctus lectus arcu ut neque. Sed ligula. Morbi posuere turpis ac mi. Nulla vitae nisi. Donec ultricies, mi eget venenatis consequat, mauris massa semper enim, eget aliquam odio elit et neque. Nulla sed enim id eros dictum dictum. Morbi et odio in purus rhoncus venenatis. </p>

 

<p>Vestibulum purus. Pellentesque nec dolor. In suscipit diam vel massa. Fusce diam arcu, facilisis eu, rhoncus vitae, convallis nec, nunc. Duis et tellus. Vivamus placerat tristique orci. Nam hendrerit diam id eros. Pellentesque magna purus, feugiat vitae, convallis sed, pharetra sed, est. Praesent sollicitudin. Sed sodales lacinia augue. Vivamus tempor elit in dui. Duis lacinia tortor gravida lacus. Nam felis leo, interdum quis, mattis et, vehicula eget, sapien. Quisque sit amet enim eget dolor porta placerat. </p>

 

<p>Donec id magna. Praesent condimentum fringilla orci. Suspendisse convallis. Donec ut neque condimentum metus sodales tempor. Nunc tortor nisl, scelerisque nec, molestie sed, interdum eu, ligula. Sed eget felis a turpis elementum venenatis. Fusce nibh. Vestibulum hendrerit sem a arcu. In sed est nec nisl placerat vehicula. Donec vestibulum, urna sit amet fermentum sodales, lacus magna vehicula arcu, vitae euismod tellus velit sed nunc. Aliquam sagittis diam nec metus. Vestibulum interdum fringilla ipsum. In sapien eros, placerat a, imperdiet id, fermentum quis, mi. Donec ligula lectus, tempus ac, aliquet nec, porta quis, arcu.</p>

 

 

</td>

 

 

</td>

</tr>

</table>

 

<br />

 

<table class="topo">

<tr>

<td>

Rodape

</td>

</tr>

</table>

 

 

</body>

</html>

Observe as linhas em negrito e azuis. Remova e seu código irá validar sem problemas... Abraço!

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