Ver Mensaje Individual
  #1 (permalink)  
Antiguo 14/07/2008, 18:27
multimedia007
 
Fecha de Ingreso: octubre-2007
Mensajes: 35
Antigüedad: 17 años
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.