Hasta que CSS nos brinde la propiedad vertical-alin, (o hasta que el soporte de display: table-cell combinado con lo anterior sea mayoritario) no se puede centrar "de verdad" en vertical nada que tenga un tamaño variable, excepto los fondos
Algo tan simple como esto sigue siendo, según lo veo yo, un verdadero escollo para el desarrollo con CSS. A veces hay que hacer filigranas, y la gente que empieza se desespera (esto último no lo digo por ti, hablo en general). Creo que es la pregunta que más se repite en foros y listas ;) El día 31/08/05, Thaís Moraleida <[EMAIL PROTECTED]> escribió: > > En esta página he encontrado una solución: > http://www.ampsoft.net/webdesign-l/vertical-aligned-nav-list.html > > Funciona, pero necesito saber con anterioridad si el texto ocupará una > o más líneas dentro del elemento. Lo que quisiera era una única > solución que funcionase con independencia del número de líneas dentro > del elemento. No se me ocurre nada, pero ¿alguien tiene alguna > sugerencia? > > > El 31/08/05, Thaís Moraleida<[EMAIL PROTECTED]> escribió: > > Sí, para centrar el background funciona, pero lo que quiero centrar es > > el texto, cuando haya una o más líneas. > > > > li { > > position: relative; > > display: block; > > padding: 5px 5px 5px 24px; > > margin: 0; > > background: #FF9933 url(points.gif) no-repeat 3px center; > > color: #FFF; > > } > > > > Gracias, > > > > Thaís Moraleida > > > > El 30/08/05, Orange at GMail<[EMAIL PROTECTED]> escribió: > > > Le quitas la viñeta y la simulas con una imagen de fondo, y la defines > para > > > que se muestre centrada verticalmente. Algo asi: > > > > > > li { > > > list-style-type: none; > > > background: url(imagen) left center no-repeat > > > } > > > > > > El día 30/08/05, Thaís Moraleida <[EMAIL PROTECTED]> escribió: > > > > > > > > Hola a todos, > > > > > > > > Tengo un problemilla que no consigo resolver. > > > > En una lista horizontal, con textos que "ocupan una o más lineas" > > > > dentro de cada "<li>", necesito que el texto esté verticalmente > > > > alineado respecto a la "<li>". He intentado poniendo la propiedad > > > > line-height del tamaño de la li y estableciendo vertical-align: > > > > middle, pero no funciona cuando hay la necesidad de un salto de > línea. > > > > ¿Alguien me puede ayudar? > > > > > > > > <ul> > > > > <li><a href="index.php?type=1">Verkaufsimmobilien</a></li> > > > > <li><a href=index.php?type=2">Ferienhäuser und > Ferienwohnungen</a></li> > > > > <li><a href="new_user.php">Inserieren</a></li> > > > > </ul> > > > > _______________________________________________ > > > > 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://ovillo.org/mailman/listinfo/ovillo > > > > > > > > > > > > > > > > -- > > > Orange at GMail > > > _______________________________________________ > > > 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://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://ovillo.org/mailman/listinfo/ovillo > -- Orange at GMail _______________________________________________ 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://ovillo.org/mailman/listinfo/ovillo
