Foros del Web » Creando para Internet » HTML »

Separaciones y la validacion

Estas en el tema de Separaciones y la validacion en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 14/01/2007, 08:57
 
Fecha de Ingreso: noviembre-2005
Mensajes: 669
Antigüedad: 12 años, 1 mes
Puntos: 1
Separaciones y la validacion

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">&nbsp;<a href="http://validator.w3.org/check?uri=referer" class="bajo" title="Validaci&oacute;n XHTML">XHTML </a></li> -&nbsp;<li class="bajo-2"><a href="http://jigsaw.w3.org/css-validator/check/referer" class="bajo" title="Validaci&oacute;n CSS">CSS </a></li> -&nbsp;<li class="bajo-2"><a href="#" class="bajo" title="Ir a Accesibilidad">WCAG </a></li> -&nbsp;<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
__________________
Antera Solutions Diseño y desarrollo web
  #2 (permalink)  
Antiguo 14/01/2007, 12:39
 
Fecha de Ingreso: diciembre-2003
Mensajes: 1.583
Antigüedad: 14 años
Puntos: 13
Re: Separaciones y la validacion

¿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>
__________________
El conocimiento es libre: Movimiento por la Devolución
  #3 (permalink)  
Antiguo 14/01/2007, 13:04
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: Separaciones y la validacion

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.
  #4 (permalink)  
Antiguo 14/01/2007, 13:11
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Re: Separaciones y la validacion

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

Saludos,
  #5 (permalink)  
Antiguo 14/01/2007, 13:38
 
Fecha de Ingreso: noviembre-2005
Mensajes: 669
Antigüedad: 12 años, 1 mes
Puntos: 1
Re: Separaciones y la validacion

todo lsito muchas gracias
__________________
Antera Solutions Diseño y desarrollo web
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:23.