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 [email protected]
> > > 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 [email protected]
> > 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 [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
