Foros del Web » Creando para Internet » CSS »

Modificar menu css

Estas en el tema de Modificar menu css en el foro de CSS en Foros del Web. Hola tengo un menú realizado con un <ul> y maquetado con css la cuestión es que en el div en el cual va dicho menú ...
  #1 (permalink)  
Antiguo 13/10/2009, 03:11
Avatar de triskell  
Fecha de Ingreso: junio-2007
Mensajes: 149
Antigüedad: 10 años, 5 meses
Puntos: 2
Modificar menu css

Hola tengo un menú realizado con un <ul> y maquetado con css la cuestión es que en el div en el cual va dicho menú est me sale alineado a la izquierda del global definido para dicho menú como podéis ver en el enlace de la web:

http://www2.cvttiendaonline.es/

¿Cómo hago para que se alinee a la derecha de dicho div?

Os dejo el código con el cual llamo al menú y su correspondiente código css.

Código:
<ul class="links"<?php if($this->getName()): ?> id="<?php echo $this->getName() ?>"<?php endif;?>>
    <?php foreach($_links as $_link): ?>
        <li<?php if($_link->getIsFirst()): ?> class="first" <?php endif; ?><?php echo $_link->getLiParams() ?>><?php echo $_link->getBeforeText() ?><a href="<?php echo $_link->getUrl() ?>" title="<?php echo $_link->getTitle() ?>" <?php echo $_link->getAParams() ?>><?php echo $_link->getLabel() ?></a><?php echo $_link->getAfterText() ?></li>
    <?php endforeach; ?>
	<li class="last"><a href="http://www2.cvttiendaonline.es/foro/index.php" target="_blank">Foro</a></li>
</ul>
Código:
.header .links {color:#FFFFFF; font-size:0.84em; float:right;}
.header .links li{display:inline; padding:0 12px 0 11px; background:url(../images/top_links_divider.gif) right 3px no-repeat;}
.header .links a{color:#FFFFFF; text-decoration:none;}
.header .links a:hover{text-decoration:underline;}
.header .links li.last{background:0; padding-right:0;}
  #2 (permalink)  
Antiguo 13/10/2009, 07:31
Avatar de StarClown  
Fecha de Ingreso: agosto-2008
Ubicación: Virginia
Mensajes: 150
Antigüedad: 9 años, 3 meses
Puntos: 8
Respuesta: Modificar menu css

Veo que el código del <ul> que trajiste no ayuda en NADA para poder ver el problema pero, de todos modos ya lo vi en tu página y me permito sugerirte:::

Que te parece si ELIMINAS el <div class="right-col"> o la modificas, y le agregas a tu CSS del menu: text-align:left;??


Código HTML:
.header .links {color:#FFFFFF; font-size:0.84em; float:right; text-align:left;}
Código HTML:
<div class="main-container">
	<div class="header-container"><div class="header">
    <div class="page">        
        <div class="header-top-block">

<div class="right-col">
				<ul class="links">
            <li class="first" ><a href="http://www2.cvttiendaonline.es/index.php/customer/account/" title="Mi cuenta" >Mi cuenta</a></li>
            <li><a href="http://www2.cvttiendaonline.es/index.php/catalogsearch/advanced/" title="Búsqueda Avanzada" >Búsqueda Avanzada</a></li>
            <li><a href="http://www2.cvttiendaonline.es/index.php/wishlist/" title="Artículos de interés" class="top-link-wishlist">Artículos de interés</a></li>
            <li><a href="http://www2.cvttiendaonline.es/index.php/checkout/cart/" title="Mi Pedido" class="top-link-cart">Mi Pedido</a></li>
            <li><a href="http://www2.cvttiendaonline.es/index.php/checkout/" title="Realizar Pedido" class="top-link-checkout">Realizar Pedido</a></li>

            <li><a href="http://www2.cvttiendaonline.es/index.php/contacts/" title="Contactar" >Contactar</a></li>
            <li><a href="http://www2.cvttiendaonline.es/index.php/customer/account/login/" title="Iniciar sesión" >Iniciar sesión</a></li>
    	<li class="last"><a href="http://www2.cvttiendaonline.es/foro/index.php" target="_blank">Foro</a></li>
</ul>
				<div class="clear"></div> 
__________________
Soy aprendiz de aprendices, pero aspiro llegar a ser Maestra. ---Yo---
  #3 (permalink)  
Antiguo 13/10/2009, 08:00
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Modificar menu css

Hola Triskell

Viéndolo en ff 3.5.3 veo otro problema más acuciante que el centrado. Los enlaces de tercer nivel se despliegan lo suficientemente lejos como para que sean inaccesibles.
Sin entrar en que con ie6 emulado en ietester no se despliega los del segundo nivel.

Pása por las faq's de css, hay montones de menús compatibles.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #4 (permalink)  
Antiguo 13/10/2009, 15:24
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Modificar menu css

Hola:

Cita:
Iniciado por triskell Ver Mensaje

¿Cómo hago para que se alinee a la derecha de dicho div?
Cita:
Iniciado por StarClown Ver Mensaje
Que te parece si ELIMINAS el <div class="right-col"> o la modificas, y le agregas a tu CSS del menu: text-align:left;??
StarClown, si quiere alinear a la derecha ¿Cómo lo va a hacer con un text-align:left?

triskell, te digo lo mismo, en tu código css aparece esto:

Código:
/* 0 Level */
#nav li { float:left; }
deberías cambiarlo y flotarlo a la derecha.

Saludos.


Última edición por jomaruro; 13/10/2009 a las 15:42 Razón: Dar solución.
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 14:37.