Tienes razón. Es que es tanto código que no sabía ni por donde empezar a poner. Entonces pues pensé que a lo mejor me diriais: "pues para centrar usa 'X cosa' ".
Bueno lo último lo arreglé finalmente.
Ahora el problema es que los botones del menú en explorer no caben, poniendole un fondo a la caja que contienen los botones veo que en explorer es mucho más alta, de ancho parecido pero responde como si fuera mucho menos ancha.
Este es el código CSS:
Código :
/*Menu de los enlaces*/
.contenedorEnlaces {
background:#FFFFFF;
margin:0;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
padding:0 20px 20px 25px;
}
.menuEnlaces {
height:10px;
list-style:none;
padding:0;
}
.menuEnlaces li {
float:left;
margin:0;
padding:4px;
}
.menuEnlaces li a{
display:block;
width:95px;
padding:6px 0;
text-decoration:none;
text-align:center;
font-size:11px;
color:#FFFFFF;
background:#0c4072;
}
.menuEnlaces li a:hover {
background-color:#003366;
border-top:3px solid #FFFFFF;
}
/*Fin de menu*/
Y esto el html:
Código :
<div class="contenedorEnlaces">
<ul class="menuEnlaces">
<li><a href="#">Casas Rurales</a></li>
<li><a href="#">Balnearios</a></li>
<li><a href="#">Rutas turísticas</a></li>
<li><a href="#">Nuestra Tienda</a></li>
</ul>
</div>
No se si influirá algo, pero va dentro de un div que se llama contenedor con el siguiente código:
Código :
.contenedor {
background-image:url(img/FondoCentro.png);
background-position:center;
background-repeat:repeat-y;
width:460px;
position:relative;
text-align:justify;
}
y dicho .contenedor va dentro de este otro:
Código :
.centraTodo {
margin:0 auto 0 auto;
width:460px;
}
Aver si me podeis ayudar porque llevo desde el viernes con esto