Ir para conteúdo

POWERED BY:

Arquivado

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

Vinicius de Melo

[Resolvido] Problema com DIV no W3C validator

Por , em Desenvolvimento frontend

Recommended Posts

Vinicius de Melo    1

Vinicius de Melo
Postado

Olá,

estou criando um projeto de acordo com as normas do W3C, porém, necessitei pegar um slider da web e na validação da página (com o slider) no W3C gerou o seguinte erro:

 

Line 100, Column 46: document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag

<div class="box_skitter box_skitter_large">

✉

The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

 

One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").11

 

Tentei de várias formas resolver o problema, e ainda não consegui.

Segue a baixo o código fonte do site: 

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>::Fátima Cabeleireira::</title>

<meta name="description" content="Fátima Cabeleireira - Beleza com Estilo."/>
<meta name="keywords" content="cabelo, cabeleireira, salao, fatima, cabeleireira, modas, moda, S.B.C., cabeleireiro, beleza, salao, ,de, beleza, salao."/>
<meta name="robots" content="index, follow"/>


<link href="css/styles.css" type="text/css" media="all" rel="stylesheet" />
<link href="css/skitter.styles.css" type="text/css" media="all" rel="stylesheet" />
<link href="css/highlight.black.css" type="text/css" media="all" rel="stylesheet" />
<link href="css/sexy-bookmarks-style.css" type="text/css" media="all" rel="stylesheet" />

<script src="js/jquery-1.6.3.min.js" type="text/javascript"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="js/jquery.animate-colors-min.js" type="text/javascript"></script>

<script src="js/jquery.skitter.min.js" type="text/javascript"></script>
<script src="js/highlight.js" type="text/javascript"></script>
<script src="js/sexy-bookmarks-public.js" type="text/javascript"></script>




<link href="css/estilo.css" rel="stylesheet" type="text/css" />



<script type="text/javascript">
$(document).ready(function() {

	var options = {};

	if (document.location.search) {
		var array = document.location.search.split('=');
		var param = array[0].replace('?', '');
		var value = array[1];

		if (param == 'animation') {
			options.animation = value;
		}
		else if (param == 'type_navigation') {
			if (value == 'dots_preview') {
				$('.border_box').css({'marginBottom': '40px'});
				options['dots'] = true;
				options['preview'] = true;
			}
			else {
				options[value] = true;
				if (value == 'dots') $('.border_box').css({'marginBottom': '40px'});
			}
		}
	}

	$('.box_skitter_large').skitter(options);

	// Highlight
	$('pre.code').highlight({source:1, zebra:1, indent:'space', list:'ol'});

});
</script>




</head>

<body>

<div id="box_pai">
   <div id="topo">
   	<div id="topo_secundario">
     <center>  <img src="imagens/logo.png" alt="logo" width="655" height="190"/></center>
       </div>
   </div>
   	<div id="nav_bar">
       	<ul>
           <li><a href="index.html">Home</a></li>
           <li><a href="aempresa.html">A empresa</a></li>
           <li><a href="estetica.html">Estética</a></li>
           <li><a href="cabelo.html">Cabelo</a></li>
           <li><a href="bronzeamento.html">Bronzeamento</a></li>
           <li><a href="modas.html">Modas</a></li>
           <li><a href="trabalhe.html">Trabalhe Conosco</a></li>
           <li><a href="contato.html">Contato</a></li>
           </ul>
       </div>

 <div id="content">
       <p> </p>
   <p id="titulo_conteudo">  Bem vindo(a) ao nosso site!</p>

   <p> </p>
   <p> </p>
   <p><span class="border_box">
		<div class="box_skitter box_skitter_large">
			<ul>
				<li><a href="#cube"><img src="images/001.jpg" class="cube" alt="001" /></a><div class="label_text"><p>Fátima Cabeleireira</p></div></li>
				<li><a href="#cubeRandom"><img src="images/002.jpg" class="cubeRandom" alt="002" /></a><div class="label_text"><p>Fátima Cabeleireira</p></div></li>
				<li><a href="#block"><img src="images/003.jpg" class="block" alt="003" /></a><div class="label_text"><p>Fátima Cabeleireira</p></div></li>
				<li><a href="#block"><img src="images/004.jpg" class="block" alt="004" /></a><div class="label_text"><p>Fátima Cabeleireira</p></div></li>
                   <li><a href="#block"><img src="images/005.jpg" class="cube" alt="005" /></a><div class="label_text"><p>Fátima Cabeleireira</p></div></li>

			</ul>
		</div>
	</span>

 </p>
   <p> </p>
   <div id="conteudo_pag_inicial"><p>...SUCESSO</p><br />
     Essa não é uma palavra que veio do nada...<br />
<p>Há que ter disciplina, esperança, expectativa, profissionalismo, boa equipe e por fim, a conquista. Conquista-se o respeito entre todos os bons profissionais. </p> 
<p>Determinação, quando os momentos são difíceis e as </p>
<p>decisões devem ser tomadas não só com a razão, mas também com o coração, e, quem trabalha com o coração tem pouca chance de errar.</p>
<p>Quem se empenha e se aprimora no que faz, não perde o rumo nos negócios. </p>
<p>Quem sabe o que quer, sabe o que faz e faz com amor, conquista a confiança, o respeito e a amizade, que juntas, levam ao SUCESSO!</p><br /><br />

<p>Esta é a história que faz da “FÁTIMA CABELEIREIRA”
uma empresa de sucesso.</p>
<p> </p>
   </div></div>



 <div id="rodape">
	<p> </p>
	<div id="rodape_fatima">© 2012 Fátima Cabeleireira - Todos os direitos reservados!</div> <div id="net"><a href="http://www.netcreative.com.br">Net Creative - Soluções criativas para a sua empresa!</a></div>
 </div>
</div>

</body>
</html>

 

Se alguém souber de alguma forma para o mesmo ser validado no W3C, agradeço.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

você não pode por uma DIV dentro de um SPAN.

 

nem dentro de um parágrafo.

troque:

    <p><span class="border_box">
                       <div class="box_skitter box_skitter_large">
                               <ul>

por:

 
                       <div class="box_skitter box_skitter_large border_box">
                               <ul>

e remova os fechamentos tb.

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