Ver Mensaje Individual
  #1 (permalink)  
Antiguo 16/10/2009, 04:34
Kirari
 
Fecha de Ingreso: noviembre-2008
Mensajes: 24
Antigüedad: 15 años, 5 meses
Puntos: 0
Exclamación Barra de navegacion

Buenas!

A ver, tengo un problema con la barra donde estan mis primary links, es una barra con tres links y quiero que cada uno de ellos este separado con lineas como si fueran 3 capsulas, algo asi:

h t tp ://img383.imageshack.us/img383/1204/ejemplo.gif

(siento el espacio entre http pero no me dejaba poner links)

Para ello estoy usando este codigo:

#navbar ul li a {
color:#545454;
float:left;
height:22px;
line-height:22px;
padding:0 38px;
text-decoration:none;
border-left:1px solid white;
border-right:1px solid #CCCCCC;
float:left;
margin:0;
}

Funciona bien, pero claro el problema este en que me pone los bordes tambien en el extremo izquierdo y derecho de la barra. Hay alguna manera de darle a los extremos las propiedades para que el primer link solo tenga borde a la derecha y el ultimo solo a la izquierda?
He intentado jugar con la clase de los menus que me forma el drupal (menu-115 first , menu-116 , menu-190 last), quitando lo de los bardes al codigo anterior y haciendo tres clases con los bordes como deberian, pero no me ha funcionado.

Alguna idea??

Muchisimas gracias de antemano.