Muchas gracias are y echo. He puesto lo de _margin-top: -3px
Quien nos diría, hace unos años, cuando aborrecíamos NS por su peculiar estilo de maquetar aquellas páginas que "en explorer van perfectas", que ahora tendríamos que volvernos locos poniendo 1000 y 1 trucos aquí y allá para.... que funcionen en explorer.... Yo, personalmente, no me lo creería :-) -----Mensaje original----- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] nombre de echo Enviado el: lunes, 31 de enero de 2005 19:51 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Problema display:block ? lo que puedes hacer es usar un margin para navegadores que respeten los estándares y un margin para IE, ejemplo: margin-top: 0px; /* solo acepta a navegadores que usen estándares */ _margin-top: -3px; /* solo afecta a IE */ En el tema de la alineacion vertical, no tengo ni idea de como ayudarte :\ de todas formas puedes usar un "max-height" (http://www.w3schools.com/css/pr_dim_max-height.asp) por probar que no quede Saludos! Iban Rodriguez wrote: >Hola, > >Estoy trasteando mientras (por fin) hago mi primera página CSS (hasta el >momento solo "sabía" la teoría... ahora es cuando me toca sacudirme con cada >tontería que quiero hacer). > >He hecho un menú lateral utilizando una lista, y resulta que tengo varios >lios. Uno es una simple duda (la comentaré al final) y lo otro es un >problema que quiero solucionar. > > >1- El menú debe tener rollover de forma que se rellene la "celda" entera al >pasar el ratón >2- Los links deberían colorearse de igual forma al pasar el ratón por la >celda o por el propio link. Es decir, idealmente, la celda entera debería >ser el link. > >Googleando aquí y allá y mirando algunos ejemplos, he conseguido que esto >funcione... en FireFox. > >Ahora resulta que en IE los "li" se me separan entre ellos unos 3 pixeles. >He descubierto que poniendo margin negativo a li la cosa va bien, pero >obviamente el margen también afecta a FireFox, de forma negativa (en ambos >sentidos). > > >Ahora bien, los detalles: > > > >HTML: >________________________ ><ul id="opciones"> > <li><a href="/?">Opcion 1</a></li> > <li><a href="/?">Opcion 2</a></li> > <li><a href="/?">Opcion N</a></li> ></ul> >________________________ > > >CSS >____________________________ >#opciones >{ > margin: 0; > padding: 0px; > width: 140px; > list-style: none; > margin-right: 5px; > padding-top: 15px; >} > >#opciones li >{ > width: 140px; > line-height: 32px; > margin-left: 0; > font-size: 80%; > font-variant: small-caps; > display: block; > background: #CCCCCC; > padding-left: 5px; > border: 1px solid #FFFFFF; > border-left: 2px; > border-right: 2px; >} > >#opciones li:hover >{ > background: #9E8C7B; >} > >#opciones li a >{ > color: #000000; >} > >#opciones li a:hover >{ > color: #FFFFFF; >} >_____________________ > > >Estando así, funciona perfectamente en IE pero el enlace sólo se ilumina al >pasar el ratón por el texto. Es decir se ilumina el fondo de la lista y el >enlace sigue negro, a no ser que pase el ratón justo por el enlace. > > >Si a > >#opciones li a > >Le añado un display:block, en firefox consigo el efecto que quiero (toda la >fila es el enlace y se ilumina todo igual al pasar el ratón por cualquier >zona de cada "li"), pero en explorer, además de NO ser enlace la fila >entera, me separa los LI entre ellos. > >Sólo por el display:block.... ... Alguna solución? O me olvido simplemente >de eso? > >Este es el problema... ahora la pequeña duda. > >Algunos de estos enlaces llegan a ocupar 2 lineas. Con "line-height" he >visto que cada línea me ocupa 32px, y claro yo quiero que la CELDA ocupe >32px. > >He probado a poner sólo "height: 32px", pero lo que ocurre es que el texto >se me pone arriba en lugar de quedarse centrado verticalmente... >Básicamente, me interesa que los enlaces estén centrados verticalmente, >ocupen 1 ó 2 líneas... en sus 32px de "li". > >Gracias de antemano, >Un saludo. > > > >_______________________________________________ >Lista de distribución Ovillo >Para escribir a la lista, envia un correo a Ovillo@ovillo.org >Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org > > > > > -- manu contreras <[EMAIL PROTECTED]> blog: echo.proletarium.org skype: manucontreras _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
