Modificar menu css

[triskell]

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;}

[StarClown]

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> 

[kseso?]

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

[jomaruro]

Hola:

Iniciado por triskell

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

Iniciado por StarClown

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.