Ver Mensaje Individual
  #1 (permalink)  
Antiguo 18/11/2008, 06:36
cehojac
 
Fecha de Ingreso: marzo-2008
Mensajes: 342
Antigüedad: 16 años, 1 mes
Puntos: 4
Menú CSS problema con display:block

Hola Chicos:

Tengo un problema.

Tengo un archivo asp que tienen las opciones de un menú que viene de base de datos. Este archivo no puedo modificar para nada.


para su manipulación debo usar estilos (CSS)

el menú esta escrito de esta forma

<%
for...

<a href="valor"><b>nombre_menu</b></a>
next

%>

Uso este css

.menu a
{
display:block
position: relative;
width: 172px;
margin-left: 6px;
line-height: 25px;
text-decoration: none;
color: #000000;
}

.menu a b
{
position: relative;
margin-left: 0px;
font-weight: normal;
}

Lo que el menú saldría asi

.Opcion 1
.Opcion 2
.Opcion 3
.Opcion 4


Bueno el problema es el siguiente:
cuando la opcion del menú es muy largo el texto pasa abajo si se ve así:


. Inicio
. opcion 1
. opcion 2
. muchas más
opciones
. opcion 3


donde "muchas más opciones" es una sola opcion.

lo que quiero es que la palabra "opciones" se cuandre a la misma altura del texto de las demás opciones del menú.

Alguien podría echarme una mano?

Un saludo y gracias por adelantado