Foros del Web » Creando para Internet » CSS »

MENUS: desplazar a izquierda solapas

Estas en el tema de MENUS: desplazar a izquierda solapas en el foro de CSS en Foros del Web. Hola amigos: voy a volver a molestarlos (siiii una vez mas!) porque tengo un menú donde las solapas que dicen " | Inicio | opcion1 ...
  #1 (permalink)  
Antiguo 25/07/2008, 06:12
Avatar de Italico76  
Fecha de Ingreso: abril-2007
Mensajes: 3.303
Antigüedad: 10 años, 8 meses
Puntos: 290
Pregunta MENUS: desplazar a izquierda solapas

Hola amigos: voy a volver a molestarlos (siiii una vez mas!) porque tengo un menú donde las solapas que dicen "| Inicio | opcion1 | opcion2 | etc .... " me aparece demasiado a derecha y cuando intento correrla hacia izquierda con margin-left se me superponen todas las leyendas.

Les dejo los CSS a ver si me ayudan:

Cita:
#navigation{
height:27px;
width: 800px;
line-height:27px;
margin:-8px 10px 10px 0px;
_margin:-8px 10px 10px 0px;
background: $menubgcolor;
}

#navigation li{
float:left;
list-style-type:none;
border-right:1px solid #888888;
white-space:nowrap;
}

#navigation li a{
display:block;
padding:0 10px;
font-size:0.825em;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
background-color:inherit;
color: #ffffff;
}

* html #navigation a {width:1%;}

#navigation .selected,#navigation a:hover{
background:$menuhoverbgcolor ;
color:#000000;
text-decoration:none;
}
La web donde esta implementado tiene esta implementado es esta (es el menu que esta arriba de la foto)

AHHH el problema es que depende donde ponga el margin-left, o se superponen los textos de cada solapa O BIEN, se corre todo el menu hacia izquierda PERO se mueve con el color que lo rodea (y aparece ese color bordo arriba del margen gris que bordea el DIV central)

GRACIAS!!!!!
__________________
Salu2!

Última edición por Italico76; 25/07/2008 a las 19:10
  #2 (permalink)  
Antiguo 25/07/2008, 19:10
Avatar de Italico76  
Fecha de Ingreso: abril-2007
Mensajes: 3.303
Antigüedad: 10 años, 8 meses
Puntos: 290
Respuesta: MENUS: desplazar a izquierda solapas

Hey..... nadie me puede ayudar con esto ?
__________________
Salu2!
  #3 (permalink)  
Antiguo 25/07/2008, 23:58
 
Fecha de Ingreso: abril-2008
Ubicación: Montevideo - Uruguay
Mensajes: 156
Antigüedad: 9 años, 7 meses
Puntos: 5
Respuesta: MENUS: desplazar a izquierda solapas

Hi !

Aqui estaba el problema:
Código HTML:
#navigation{
height:27px;
width: 800px;
line-height:27px;
margin:-8px 10px 10px 0px;
_margin:-8px 10px 10px 0px;
background: $menubgcolor;
}

#navigation ul{
list-style-type:none;
padding:0;
margin:0;
}

#navigation li{
float:left;
border-right:1px solid #888888;
white-space:nowrap;
}

#navigation li a{
display:block;
padding:0 10px;
font-size:0.825em;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
background-color:inherit;
color: #ffffff;
}

* html #navigation a {width:1%;}

#navigation .selected,#navigation a:hover{
background:$menuhoverbgcolor ;
color:#000000;
text-decoration:none;
}
Si te fijas te daras cuenta que los "LIs" tienen Padding y Margin propio, se los eliminas, y luego a cada uno le aplicas por ejemplo un padding (como ya lo estabas haciendo)

Espero te sea util!

-ByE-
__________________
--
Mi Portfolio Online! Visitalo!
--
  #4 (permalink)  
Antiguo 26/07/2008, 06:55
Avatar de Italico76  
Fecha de Ingreso: abril-2007
Mensajes: 3.303
Antigüedad: 10 años, 8 meses
Puntos: 290
Respuesta: MENUS: desplazar a izquierda solapas

Proguri: si toco la linea que dice ....

Cita:
padding:0 10px;
... se me superponen todas las leyendas :(
__________________
Salu2!
  #5 (permalink)  
Antiguo 26/07/2008, 07:26
Avatar de PedroRodas  
Fecha de Ingreso: noviembre-2005
Ubicación: Cádiz
Mensajes: 393
Antigüedad: 12 años
Puntos: 0
Respuesta: MENUS: desplazar a izquierda solapas

podrias poner el div con position relative, y ajustarlo con left
__________________
Genial concierto de Roger Waters, Pink Floyd siguen vivos!!!
  #6 (permalink)  
Antiguo 26/07/2008, 08:21
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: MENUS: desplazar a izquierda solapas

Cita:
Iniciado por Italico76 Ver Mensaje
Proguri: si toco la linea que dice ....
... se me superponen todas las leyendas :(
Creo que lo que te dice Proguri es que añadas este selector a tu css, que es lo correcto:

Cita:
#navigation ul{
list-style-type:none;
padding:0;
margin:0;
}
__________________
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 13:20.