Foros del Web » Creando para Internet » CSS »

Problema menu tabs horizontal

Estas en el tema de Problema menu tabs horizontal en el foro de CSS en Foros del Web. Hi ! Pruebo y pruebo pero no me sale ... Estoy tratando de hacer un menú horizontal con CSS (con <ul> y <li>) pero resulta ...
  #1 (permalink)  
Antiguo 29/01/2008, 12:04
 
Fecha de Ingreso: enero-2008
Mensajes: 19
Antigüedad: 9 años, 11 meses
Puntos: 0
Problema menu tabs horizontal

Hi !

Pruebo y pruebo pero no me sale ... Estoy tratando de hacer un menú horizontal con CSS (con <ul> y <li>) pero resulta que los Submenu (desplegables verticalmente) me heredan todas las propiedades de los padres. Podria hacerlo en diferentes capas, pero la idea es hacerlo todo en una. Se puede?

Ejemplo del menú:
Código HTML:
 <ul id="menu_tabs">
		<li><a href="#">Products</a></li>
		<ul id="sub_item">
			<li>X-Trim</li>
			<li>S-Plan</li>
			<li>D-Opt</li>
			<li>Roll Stock Optimizer</li>
			<li>Technology</li>
			<li>CPFR</li>
		</ul>
       </ul> 
Como los tabs son imagenes al igual que su hover, los submenu heredan esto... Lo que quiero en realidad es que muestren un texto en un cuadro con un borde y un color de fondo (Quizas le ponga transparencia luego). Pero como heredan sus propiedades no puedo...

Alguna idea ? =S

Gracias de antemano!

-ByE-
  #2 (permalink)  
Antiguo 29/01/2008, 14:03
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 10 años
Puntos: 68
Re: Problema menu tabs horizontal

define un id para cada li dentro de los ul asi como ul#menu_tabs li#primero y ul#sub_item li#segundo y de esta forma cada li de cada ul tendrá distintos atributos ^^

de todas formas mírate esto. http://www.cristalab.com/tutoriales/...-usando-listas
__________________
No diseñes usando tablas.
  #3 (permalink)  
Antiguo 30/01/2008, 12:16
 
Fecha de Ingreso: enero-2008
Mensajes: 19
Antigüedad: 9 años, 11 meses
Puntos: 0
Re: Problema menu tabs horizontal

Hi !

Gracias por la respuesta... Pero igualmente los Estilos se heredan, igual ya he podido hacer maso menos lo que buscaba ! Ahora tengo otros problemitas =P. Con el "z-index" en "IE"... En firefox lo muestra bien pero no en IE... Tienen idea de como solucionarlo ?

Código:
ul#sub_item {
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:11px;
	font-weight:bold;
	text-transform:none;
	color:#999999;
	list-style:none;
	float:left;
	text-align:right;
	padding:0;
	margin:0;
	
	width:96px;
	
	z-index:2000 !important;
	
	position:absolute;
	left: 5px;
	top: 86px;
}
Gracias por la rapidez!

-ByE- !
  #4 (permalink)  
Antiguo 30/01/2008, 14:23
Avatar de Raulmmmm  
Fecha de Ingreso: marzo-2007
Ubicación: En otro lugar que tú
Mensajes: 1.549
Antigüedad: 10 años, 8 meses
Puntos: 36
Re: Problema menu tabs horizontal

Lo primero no sé, pero lo del z-index me parece que lo puedes arreglar quitando el !important.
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 21:09.