Hola gentes, a ver si me podeis echar una mano... porque me estoy volviendo loco!!!
Necesito poder ajustar los tamaños de los bloques del menu para que no me queden tan separados unos enlaces de otros.... lo único que he sido capaz de conseguir es cambiarlos todos... pero entonces se me descoloca todo.
este es el codigo
*
{
margin: 0px;
padding: 0px;
color: #000;
}
a:link {
color: #73A462;
}
a:hover {
text-decoration: none;
color: #FF0000;
}
a:visited {
color: #73A462;
}
body {
background: #ffffff url(images/back_all.gif) repeat-x;
font: 13px Georgia, Arial, Helvetica, sans-serif;
color: #333333;
}
#content
{
margin: 0 auto;
background: #ffffff;
width: 811px;
min-height: 900px;
}
#back_all
{
background: #ffffff url(images/white.gif);
}
#main
{
background: #ffffff url(images/white.gif);
}
#header {
background: #ffffff;
height: 244px;
text-align: right;
}
#menu
{
float: left;
padding-left: 180px;
border-left: 7px solid #FFFFFF;
width: 617px;
height: 82px;
background: url(images/header_top.gif);
}
#menu ul {
list-style: none;
}
#menu li {
display: inline;
}
#menu a {
display: block;
float: left;
width: 100px;
height: 46px;
text-align: center;
text-decoration: none;
color: #000000;
font-size: 12px;
padding-top: 35px;
}
#menu a:hover {
width: 100px;
height: 46px;
text-decoration: underline;
}
Gracias por todo amigos !!
