ola amigos bueno es que tengo un menu para mi web echo con css y html.
el cual tiene estos codigos
Código HTML:
Ver original <li><a href="index.html" title="Home" class="current">Home
</a></li> <li><a href="blog.html" title="Blog">Blog
</a></li> <li><a href="foro.html" title="Foro">Foro
</a></li> <li><a href="tutoriales.html" title="Tutoriales">Tutoriales
</a></li> <li><a href="about.html" title="Sobre Nosotros">Sobre Nosotros
</a></li>
Código CSS:
Ver original#navegador ul{
list-style-type: disc;
text-align: center;
border-radius: 10 px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
#navegador li{
display: inline;
text-align: center;
margin: 0 10px 0 0;
float: none;
clear: both;
list-style-type:circle;
padding-top: 50%;
padding-bottom: 50%;
border-radius: 10 px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
#navegador li a {
padding: 2px 7px 2px 7px;
color: #ffffff;
text-decoration: none;
float: none;
clear: both;
background-image: url(imagenes/menu%20inactivo.jpg);
list-style-type:circle;
border-radius: 10 px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
#navegador li a:hover{
color: #58cdfd;
float: none;
clear: both;
background-image: url(imagenes/menu%20activo.jpg);
list-style-type:circle;
border-left-color: url(imagenes/menu%20inactivo.jpg);
border-left: 10px solid;
border-radius: 10 px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
#navegador .current {
color: #58cdfd;
clear: both;
background-image: url(imagenes/menu%20activo.jpg);
list-style-type:circle;
border-radius: 10 px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
bueno ahora el problema es que mi menu se auto ajusta cuando me modifica le vetana del navegador y yo no quiero eso quiero que la capa se quede en el centro
¿Como hago esto?