[Ovillo] ¿Tablas o listas con CSS?

Víctor Berga vbergae.listas en gmail.com
Mie Feb 14 18:05:32 UTC 2007


Hola de nuevo,

He estado probando con listas ordenadas quitándole el puntito que sale
al principio de cada ítem y después poniendo el icono y su texto al
lado. Todo bien excepto que no consigo que el texto se quede alineado
verticálmente detro de li, siempre me sale alineado con la parte
inferior.

Lo he hecho así:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html, charset=UTF-8"/>
  <title>menu</title>
  <style type="text/css">
     ul {
      list-style-type: none;
     }
     ul li {
      margin: 2px;
      padding: 2px;
      float: left;
      vertical-align:middle; /* Esto es lo que no me funciona*/
     }
  </style>
</head>
<body>
  <ul>
    <li><img style="width: 48px; height: 48px;" id="navBarIcono"
alt="Icono" src="../phpGesCen/app/webroot/img/iconos/admin.png">Opcion1</li>
  </ul>
</body>
</html>

Si alguien pueda echarme una manita.
Gracias,
Víctor



-- 
--
Víctor Berga [vbergae.listas (at) gmail.com]
"Sin música la vida sería un error"


Más información sobre la lista de distribución Ovillo