Foros del Web » Creando para Internet » CSS »

Menu CSS molesta lo demás

Estas en el tema de Menu CSS molesta lo demás en el foro de CSS en Foros del Web. Hola, he bajado un menu CSS, concretamente uno de IzzyMenu. El problema es que si pongo un <center> despues de insertar esto Yo inserto el ...
  #1 (permalink)  
Antiguo 14/07/2008, 19:27
 
Fecha de Ingreso: octubre-2007
Mensajes: 35
Antigüedad: 10 años, 1 mes
Puntos: 0
Menu CSS molesta lo demás

Hola, he bajado un menu CSS, concretamente uno de IzzyMenu. El problema es que si pongo un <center> despues de insertar esto

Yo inserto el menu asi:

Código HTML:
<div id="aMainMenu">
	<div id="atab">
		<ul>
			<li class="item_active"><a href="index.php"><span>INICIO</span></a></li>
			<li><a href="noticias.php"><span>NOTICIAS</span></a></li>
			<li><a href="contacto.php"><span>CONTACTO</span></a></li>
		</ul>
	</div>
</div> 
pues se desplaza todo hacia la derecha del menu. Al quitar el center lo solucione, se queda todo hacia la izquierda, el problema es que yo quiero centrar todo. He intentado dejar el menu como esta (a la izquierda) y centrar las demas tablas que tengo yo con mis cosas (nada que ver con el menu) y nada, no se cambian nada, he pueso div id='pepito' a las demas tablas por si acaso y siguen sin hacer nada.

El CSS (Le he puesto a todo un 'a' delante por si me daba problemas al poner 'tab' solo ya que podia ser algo general, pero me sigue dando el mismo problema)

Código HTML:
<style>
#aMainMenu 
{
	width:100%;
	height:32px;
	background: url("images/bmid_047.gif");
	margin:0;
	border:0;
}

#atab ul 
{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
#atab li 
{
display:inline;
	float:left;
	margin:0;
	padding:0;
}
#atab a 
{
	background:#000000 url("images/bright_047.gif") no-repeat right top;
	margin:0;
	padding:0;
	text-decoration:none;
	border:0;
	display:block;
	float:left;
}
#atab a span 
{
	display:block;
	background:url("images/bleft_047.gif") no-repeat left top;
	padding:0 15px 0 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11;
	color:#000000;
	font-weight:bold;
	line-height:32px;
}
#atab a:hover,#atab li.item_active a 
{
	background-position:right bottom;
	border-color:#00000;
}
#atab a:hover span,#atab li.item_active a span 
{
	background-position:left bottom;
	color:#006600;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}
.dropmenudiv
{
	position:absolute;
	top:0;
	float:left;
	display:block;
	visibility:hidden;
	border:0 solid #000000;
	background: url("images/bmid_047.gif");
	color:#000000;
	z-index:100;
	text-decoration:none;
	padding:0;
}
.dropmenudiv ul 
{
	margin:0;
	padding:0;
	list-style:none;
}
.dropmenudiv li 
{
	display:inline;
	margin:0;
	padding:0;
}
.dropmenudiv a:link, .dropmenudiv a:visited
{
	width:180px;
	margin:0;
	padding:0;
	display:block;
	border:0 solid #FF9300;
	color:#000000;
	background:url("images/bleft_047.gif") no-repeat left top;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}
.dropmenudiv a span 
{
	float:left;
	display:block;
	line-height:32px;
	background:url("images/bright_047.gif") no-repeat right top;
	padding:0 15px 0 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11;
	color:#000000;
}
.dropmenudiv a span 
{
	float:none;
}
.dropmenudiv a:hover
{
	border:0 solid #00000;
	background-position:left bottom;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	color:#006600;
}
.dropmenudiv a:hover span 
{
	background-position:right bottom;
	color:#006600;
	font-weight:bold;
}

</style> 
El menu se ve bien, el problema esta con las demas tablas que no tienen nada que ver con el CSS ni con el menu.
  #2 (permalink)  
Antiguo 14/07/2008, 19:32
 
Fecha de Ingreso: octubre-2007
Mensajes: 35
Antigüedad: 10 años, 1 mes
Puntos: 0
Respuesta: Menu CSS molesta lo demás

Solucionado, no si es la solución correcta o lo que, el menu sigue a la izquierda, Como puedo centrarlo ?

Las demás tablas con poner un par de <br> (aparte del que ya tenia despues del menu) pues problema solucionado.
  #3 (permalink)  
Antiguo 15/07/2008, 03:09
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Menu CSS molesta lo demás

Te será difícil centrar el menú mientras tenga un 100% de ancho. Dale una medida y luego añádele margin: 0 auto;

#aMainMenu
{
width:80%; (o lo que quieras)
height:32px;
background: url("images/bmid_047.gif");
margin:0 auto;
border:0;
}

A ver qué tal.

Mikel.
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 13:22.