Foros del Web » Creando para Internet » CSS »

menu horizontal con css...

Estas en el tema de menu horizontal con css... en el foro de CSS en Foros del Web. estoy haciendo un menu horizontal con css de esta forma: el css: Código: #menu{ width:100%; height: 22px; background-color : #d7d4a9; margin-top : 12px; margin-bottom : ...
  #1 (permalink)  
Antiguo 01/11/2007, 03:11
Avatar de marisolivier  
Fecha de Ingreso: septiembre-2005
Ubicación: daganzo (madrid)
Mensajes: 76
Antigüedad: 12 años, 3 meses
Puntos: 0
menu horizontal con css...

estoy haciendo un menu horizontal con css de esta forma:

el css:
Código:
#menu{
	width:100%;
	height: 22px;
	background-color : #d7d4a9;
	margin-top : 12px;
	margin-bottom : 12px;
}
#navi02 {
	list-style:none;
	margin:0;
	padding:0
}
#navi02 li {
	float:left;
	border-left:1px solid #02636a;
	margin-top : 4px;
	margin-bottom : 4px;
	padding-left : 4px;
	padding-right : 4px;
}
#navi02 li a {
	display:block;
	text-decoration:none;
	color:#02636a;
	/*font-weight : bold;*/
}
#navi02 li a:hover {
	color:#99CC00;
}
el html:
Código:
<div id="menu">
				<ul id="navi02">
					<li><a href="#">1</a></li>
					<li><a href="#">2</a></li>
					<li><a href="#">3</a></li>
					<li><a href="#">4</a></li>
					<li><a href="#">5</a></li>
					<li><a href="#">6</a></li>
				</ul>
			</div>
ahora mi duda:

los <li> lleva un border-left:1px solid #02636a;, y necesito que este border NO aparezca en el 1º <li>...he probado con nav02 li.firstchild, nav02 li.firstitem...pero no va...

ayuda porfavorrrrrrrrrrrrrrrrrr...
__________________
ilustradordiseñadorweb
  #2 (permalink)  
Antiguo 01/11/2007, 11:20
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Re: menu horizontal con css...

armate un class sin borde y aplicaselo al primero y listo.
  #3 (permalink)  
Antiguo 01/11/2007, 12:16
Avatar de demiurgo_daemon  
Fecha de Ingreso: diciembre-2006
Ubicación: Querétaro
Mensajes: 184
Antigüedad: 11 años
Puntos: 2
Re: menu horizontal con css...

Hola,

en realidad sería nav02 li:first-child (nota los dos puntos y el guión). Sin embargo, puede no servir en Explorer 6 e inferior (inferior en cuanto a versión, ya sabemos que no hay nada inferior a Explorer). Personalmente no me interesa, pero si a ti sí, la solución de DragonX va perfecta.

saludos
  #4 (permalink)  
Antiguo 01/11/2007, 12:50
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Re: menu horizontal con css...

Cita:
#navi02 li:first-child{
border-left:none;
}
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 02:35.