Foros del Web » Creando para Internet » CSS »

Menú CSS problema con display:block

Estas en el tema de Menú CSS problema con display:block en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 18/11/2008, 06:36
 
Fecha de Ingreso: marzo-2008
Mensajes: 342
Antigüedad: 9 años, 8 meses
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
  #2 (permalink)  
Antiguo 18/11/2008, 07:00
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 9 años, 2 meses
Puntos: 40
Respuesta: Menú CSS problema con display:block

hola cehojac

primero si tu código esta escrito como lo presentas aquí, falta un ";" despues del display:block, eso hace que ni el mismo ni el position funcionen.

Y otra cosa que tienes que fijarte es que margin-left:6px no le este restando mucho espacio al width:172px; por que por esa razón también podría salirse.

Saludos...
  #3 (permalink)  
Antiguo 19/11/2008, 03:54
 
Fecha de Ingreso: marzo-2008
Mensajes: 342
Antigüedad: 9 años, 8 meses
Puntos: 4
Respuesta: Menú CSS problema con display:block

Muchas Gracias willyfc

le he puesto la coma pero sigue con el problema. este es un caso complejo de css anidados. el margin-left:6px esta justo para dar margen (dar el espacio) dentro de un fondo para que parezca un botón. sin embargo si lo quito sigue apareciendo asi

...mucho más
texto

los puntos son espacios.

He reducido la letra que entre el texto pero no encuentro solución a esto.

Gracias de antemano.
  #4 (permalink)  
Antiguo 19/11/2008, 04:14
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: Menú CSS problema con display:block

no puedes aumentarle el width:172px?

Aresillo!!
  #5 (permalink)  
Antiguo 19/11/2008, 04:54
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Menú CSS problema con display:block

¿Por qué no pones el código html generad en el navegador para poder cómo actua la css sobre él?
__________________
Visita mi nueva web idplus.org
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:58.