Hola,

He hecho el siguiente menú haciendo uso de listas desordenadas y css:

<ul id="navBar">

      <li>
        <div class="navBarIcono">
          <a href="#"><img src=
          "icono.png" alt=
          "Inicio" /></a><br />
          <a href="#">Inicio</a>
        </div>
      </li>
      <li>
        <div class="navBarIcono">

          <a href="#"><img src=
          "icono1.png" alt=
          "Boton1" /></a><br />
          <a href="#">Boton1</a>
        </div>
      </li>

</ul>

y el css:

#navBar {
        list-style-type: none;
}

#navBar li {
        margin: 2px;
        padding: 2px;
        float: left;
}
div.navBarIcono {
        text-align: center;
        font-size: 10px;
}


La idea es hacer una barra horizontal con el icono arriba, el texto abajo y
todo centradito. Los resultados con este código son lo que necesito pero
gustaría saber si es la mejor forma y la más adecuada para hacerlo usando
XHTML1.0 Strict y sobre todo que tal he usado el CSS o:-)

Gracias,
Víctor

--
Víctor Berga [vbergae.listas (at) gmail.com]
"Sin música la vida sería un error"
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Responder a