Menu horizontal Validado. (WC3)

[peekaboo]

siempre que quiero validad un menu horizontal estilo

home / quienes somos / contacto etc...

no se como hacer para usar una lista y poder meter de forma valida los separadores / o lo que sea, por ejemplo...

<ul>
<li><a href="Home.php" title="Home">Home</a></li>
/
<li><a href="Insumos.php" title="Insumos">Insumos</a></li>
/
<li><a href="Contacto.php" title="Contacto">Contacto</a></li>
</ul>

Esto es invalido por que no se puede poner la barra entre los elementos li, pero no se como poner esa barra de otra forma, con css o algo, ya probe poniendo en imagen con css pero se pone en todos, y es solo en los del medio, no se si me explico, es decir, como se hace un diseño asi validado? por que no eh visto.

[Mikmoro]

Pues a mi entender tienes varias opciones, entre ellas:

<ul>
<li><a href="Home.php" title="Home">Home |</a></li>
<li><a href="Insumos.php" title="Insumos">Insumos |</a></li>
<li><a href="Contacto.php" title="Contacto">Contacto |</a></li>
</ul>

También:

<ul>
<li><a href="Home.php" title="Home">Home</a> | </li>
<li><a href="Insumos.php" title="Insumos">Insumos</a> | </li>
<li><a href="Contacto.php" title="Contacto">Contacto</a> | </li>
</ul>

Ambas válidas, sin problemas.

[peekaboo]

Iniciado por Mikmoro

Pues a mi entender tienes varias opciones, entre ellas:


También:

Ambas válidas, sin problemas.

tenes razon, creo que al hacer eso se me pegaban a cada items, y por eso no lo hacia asi, ahora me doy cuenta que el padding se lo puedo dar a la etiqueta "<a" y no a "<li"

gracias, me estaba ahogando en un vos de agua.

[Mikmoro]

De nada, es un placer. A veces nos atascamos en lo más tonto.

Saludos.