Hola a tod@s!
Bueno pues tengo este estupendo menu de navegación que funciona muy bien. El problema es que el texto, es decir los links, tienen que estar alineados a la derecha. No hay problema, le pongo un text-align:right y solucionado. Pero como necesito un poquillo de margen a la derecha, pruebo con un padding-right:5px,
pero cual es mi sorpresa cuando lo que ocurre es que se expande hacia la derecha... que hago mal? que os parece?
<style type="text/css">
ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align:right;
}
ul a {
display: block;
width: 200px;
height: 39px;
line-height: 39px;
color: #000;
text-decoration: none;
background: #94B8E9 url(images/rollover.gif) no-repeat left bottom;
/*padding-right:5px;*/ ESTO HACE QUE SE EXPANDA A LA DERECHA
}
a:hover, .selected a {
background-position: right bottom;
color: #fff;
}
</style>
<div id="container">
<ul>
<li><a href="home.htm">Home</a></li>
<li><a href="about.htm">About</a></li>
<li><a href="services.htm">Our Services</a></li>
<li><a href="work.htm">Our Work</a></li>
<li><a href="news.htm">News</a></li>
<li><a href="contact.htm">Contact</a></li>
</ul>
</div>
Claro, mi inteción era que con el padding-right cada opción tendría una poco de aire a la derecha, para que no se quede pegado, pero lo que ocurre es que se expande...
Bueno, muchas gracias por leerme y nada cualquier apreciación será muy bien recibida.
Gracias!!!
