De nada, pero estaba haciendo pruebas y me he dado cuenta de que había
puesto una cosilla "regular" y no se veía igual en IE y FF, así que lo he
arreglao un poco, me ha quedado así:
#menu{
display:block;
position:relative;
width:150px;
margin:0;
padding:10px;
list-style:none;
background:#787878;}
#menu li{
display:block;
position:relative;
width:140px;
height:20px;
margin:5px auto;}
#menu li a:link, #menu li a:visited{
display:block;
position:relative;
width:100%;
height:100%;
text-align:center;
text-decoration:none;
color:#454545;
border:1px solid #454545;
background:#EFEFEF;}
#menu li a:hover{
color:#EFEFEF;
border:1px solid #EFEFEF;
background:#454545;}
#menu li a:active{text-decoration:line-through;}
El día 22/03/07, Reynier Perez Mira <[EMAIL PROTECTED]> escribió:
>
> Gracias Juan y Ramón ambos correos me han sido de gran ayuda y ya he
> logrado lo que quería hacer que es efectivamente lo que propone Juan.
> Salu2
> --
> Reynier Pérez Mira
> 5to. Ing. Informática
> Maestro de poco, aprendiz de mucho
>
> -----Mensaje original-----
> De: [EMAIL PROTECTED] [mailto:
> [EMAIL PROTECTED] En nombre de Juan Jorge Muñoz Herrero
> Enviado el: jueves, 22 de marzo de 2007 10:40
> Para: Ovillo, la lista de CSS en castellano
> Asunto: Re: [Ovillo] La forma correcta de hacer esto
>
> Además de sacarlo le tienes que dar un display:block; yo en el caso de los
> menús no sólo se lo doy al elemento "li", sino al "a" que tiene dentro, la
> razón es que IE solo acepta la pseudo clase hover en las etiquetas "a", y
> si
> quieres cambiar el background o lo que sea cuando el cursor pase por
> encima,
> es mejor dárselo a la "a".
>
> Mira este ejemplillo:
>
> CSS:
>
> <style type="text/css">
> #menu{
> display:block;
> width:140px;
> height:auto;
> position:relative;
> margin:0;
> padding:0;
> background:#454545;}
> #menu li{
> display:block;
> position:relative;
> float:left;}
> #menu li a:link, #menu li a:visited{
> display:block;
> position:relative;
> width:140px;
> height:1.4em;
> text-align:center;
> text-decoration:none;
> color:#454545;
> background:#EFEFEF;}
> #menu li a:hover{
> color:#EFEFEF;
> background:#454545;}
> #menu li a:active{text-decoration:line-through;}
> </style>
>
> XHMTL:
>
> <h1>Administración de Noticias</h1>
> <ul id="menu">
> <li><a href="#">Adicionar categoría</a></li>
> <li><a href="#">Editar categoría</a></li>
> <li><a href="#">Eliminar categoría</a></li>
> <li><a href="#">Listar categoría</a></li>
> </ul>
>
>
> El día 22/03/07, "Nacho F. Carreño" <[EMAIL PROTECTED]> escribió:
> >
> > Saca el h1 de la lista:
> >
> > <h1>Administración de Noticias</h1>
> >
> > <ul>
> > <li>Adicionar categoría</li>
> > <li>Editar categoría</li>
> > <li>Eliminar categoría</li>
> > <li>Listar categoría</li>
> > <li>...</li>
> > </ul>
> >
> > Reynier Perez Mira escribió:
> > > Hola lista:
> > >
> > > Estoy haciendo un menú con CSS y para ello estoy usando listas no
> > ordenadas (UL). Ahora tengo dos problemas que no se como resolver. El
> > primero es como ponerle un título a esa lista pues es como si fuera un
> menú
> > de administración de un sistema. Pensé en hacer esto pero no se si está
> > correcto del todo:
> > >
> > > <ul>
> > >
> > > <h1>Administración de Noticias</h1>
> > >
> > > <li>Adicionar categoría</li>
> > >
> > > <li>Editar categoría</li>
> > >
> > > <li>Eliminar categoría</li>
> > >
> > > <li>Listar categoría</li>
> > >
> > > <li>...</li>
> > >
> > > </ul>
> > >
> > > ¿Está eso bien? ¿Cómo lo harían uds.? La otra duda viene en como hacer
> > que el elemento LI parezca una celda de una tabla. No se si me hago
> > entender. Algo así como darle un ancho específico de forma tal que
> pintado
> > el fondo parezca una celda.
> > >
> > > Salu2, esperando sus respuestas y gracias por adelantado
> > >
> > > --
> > >
> > > Reynier Pérez Mira
> > >
> > > 5to. Ing. Informática
> > >
> > > Maestro de poco, aprendiz de mucho
> > >
> > >
> > >
> > > _______________________________________________
> > > 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
> > >
> > > __________ Información de NOD32, revisión 2132 (20070321) __________
> > >
> > > Este mensaje ha sido analizado con NOD32 antivirus system
> > > http://www.nod32.com
> > >
> > >
> > >
> > >
> > _______________________________________________
> > 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
> >
>
>
>
> --
> Juan J. Muñoz
> http://www.taarq.com
> _______________________________________________
> 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
> _______________________________________________
> 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
>
--
Juan J. Muñoz
http://www.taarq.com
_______________________________________________
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
