Separaciones y la validacion

#1 (**permalink**) 14/01/2007, 08:57

Hola en el diseño que estoy realizando necesito tener espaciadores para la accesibilidad pero esos espaciadores no me los valida el w3c entonces queria saber como arreglarlo el codigo es:

Cita:

<br /><p class="bajo-p"><ul class="bajo-1"><li class="bajo-2"><a href="#" class="bajo" title="Ir a Aviso Legal">Aviso Legal </a></li> - <li class="bajo-2"> <a href="http://validator.w3.org/check?uri=referer" class="bajo" title="Validación XHTML">XHTML </a></li> - <li class="bajo-2"><a href="http://jigsaw.w3.org/css-validator/check/referer" class="bajo" title="Validación CSS">CSS </a></li> - <li class="bajo-2"><a href="#" class="bajo" title="Ir a Accesibilidad">WCAG </a></li> - <li class="bajo-2"><a href="#" class="bajo" title="Ir a Enlaces">Enlaces</a></li></ul></p><br />

CSS

Cita:

.bajo-1 {
list-style: none;
margin: 0;
padding: 0;
border: none;
display: inline;
}

.bajo-2 {
list-style: none;
margin: 0;
padding: 0;
border: none;
display: inline;
}

.bajo-p {
list-style: none;
margin: 0;
padding: 0;
border: none;
display: inline;
color: #000000;
}

Haber como lo arreglo

Un saludo

frijolerou · #2 (**permalink**) 14/01/2007, 12:39

¿A qué espaciadores te estás refiriendo?. Si te refieres al guión (-) que usas para separar cada link te recomiendo que no los pongas entre cada elemento de la lista, sino dentro de cada elemento de lal ista

Código:

<!-- En vez de esto: -->
<li>algo</li> - <li>algo</li> - <li>algo</li>

<!-- Usar esto: -->
<li>algo -</li>
<li>algo -</li>
<li>algo</li>

Mikmoro · #3 (**permalink**) 14/01/2007, 13:04

Efectivamente, no te valida porque entre elementos li no puede haber nada (desde cerrar un li hasta abrir otro).

Prueba con esto:

Código:

<body>
<br />
<p class="bajo-p"></p>
<ul class="bajo-1">
  <li class="bajo-2"><a href="#" class="bajo"
 title="Ir a Aviso Legal">Aviso Legal </a></li>
  <li class="bajo-2">&nbsp;-&nbsp;<a
 href="http://validator.w3.org/check?uri=referer" class="bajo"
 title="Validaci&oacute;n XHTML">XHTML </a></li>
  <li class="bajo-2">&nbsp;-&nbsp;<a
 href="http://jigsaw.w3.org/css-validator/check/referer"
 class="bajo" title="Validaci&oacute;n CSS">CSS </a></li>
  <li class="bajo-2">&nbsp;-&nbsp;<a href="#"
 class="bajo" title="Ir a Accesibilidad">WCAG </a></li>
  <li class="bajo-2">&nbsp;-&nbsp;<a href="#"
 class="bajo" title="Ir a Enlaces">Enlaces</a></li>
</ul>
<br />
</body>

Es lo mismo que te dice frijolerou, listo para copiar y pegar.

Mikel.

JavierB · #4 (**permalink**) 14/01/2007, 13:11

Mensaje movido al foro de (X)HTML desde Css.

Saludos,

#5 (**permalink**) 14/01/2007, 13:38

todo lsito muchas gracias