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