Foros del Web » Creando para Internet » CSS »

Las listas se me mueven!

Estas en el tema de Las listas se me mueven! en el foro de CSS en Foros del Web. SOLUCIONADO !! Ver 2o post, era una tontería. Hola! Me pasa algo raro ! Como veis en la imagen, Dep comercial y Dep tècnic NO ...
  #1 (permalink)  
Antiguo 17/02/2010, 08:39
 
Fecha de Ingreso: agosto-2008
Mensajes: 143
Antigüedad: 9 años, 3 meses
Puntos: 1
Las listas se me mueven!

SOLUCIONADO !! Ver 2o post, era una tontería.

Hola!

Me pasa algo raro !



Como veis en la imagen, Dep comercial y Dep tècnic NO estan alineados (Incluso ventas y tecnic estan mal, el último algo más a la izquierda...wtf!).

Sin embargo, el código es así:

Código:
<div id="orga" class="orga">	<!-- Capa organigrama -->
	<h3>Jerarquía de control de la empresa</h3>
	<ul>
		<li> Director general
			<ul>
				<li>Dep. comercial</li>
				<li>Dep. tècnic</li>
				<li>Dep. ventes</li>
			</ul>
		</li>
		<li> Soci 
			<ul>
				<li>Dep. comercial</li>
				<li>Dep. tècnic</li>
				<li>Dep. ventes</li>
			</ul>
		</li>
	</ul>			
	</div>
No le encuentro ningún sentido. Debería ser igual, no?? Y "soci" debería estar a la misma altura que Director General, y también se mueve.

Os pongo el código CSS:


Código:
#orga li{
	list-style-type: square; 
	float: none; 
	position: relative;
	background-color: transparent; 
	border-style: none;
}

#orga li ul{
	float: none; 
	position: relative;
	background-color: transparent; 
	border-style: none;
	margin-left: 2em;
	display:list-item
}
#orga li li{
	list-style-position: inline;
	margin-left: 2em; 
	position: relative;
	background-color: transparent; 
	display:list-item
}

Aunque éste código está machacando al estilo de listas definido préviamente, que no sé si hará falta pero por si acaso...

Código:
#panelControl li {
	float: left;
	position: relative;
	width: 10em;
	text-align: center;
	cursor: default;
	background-color: white;
	border: 1px solid #7d6340;
	border-width: 1px 0;
}

#panelControl ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#panelControl li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;

	font-weight: normal;
	border-right: solid 1px #7d6340;
}


#panelControl li li {
	display: block;
	background-color: white;
	border: 0;
}

#panelControl li:hover ul, li.over ul {
	display: block;
}
A ver si alguien me sabe decir porque se descuadra todo, no sé qué mirar ya :(!

Última edición por samy4ever; 17/02/2010 a las 08:47
  #2 (permalink)  
Antiguo 17/02/2010, 08:47
 
Fecha de Ingreso: agosto-2008
Mensajes: 143
Antigüedad: 9 años, 3 meses
Puntos: 1
Respuesta: Las listas se me mueven!

Lol!

Olvidarlo todo!

El CSS inicial tiene un text-align al centro y por eso el de abajo se me descuadraba... Lo he alineado (el último) a la izquierda y solucionado!

Etiquetas: listas
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 22:41.