quiero que el largo del menu sea de 100 px pero queda en mucho menos , ya probe todo estoy a punto de perder la cordura!!!!!!!!!!!!!! jajaj
Código HTML:
#menu-top { padding:0px; margin-bottom:0px; width:960px; background:#FFF; }
#menu-top ul { margin:0px; padding:0px; height:100;}
#botonera li { background:url(../image/home.jpg) no-repeat; width:117px; height:100; padding:4px 0px;}
#botonera li:hover { background:url(../image/home.jpg) no-repeat; width:117px; padding:4px 0px;}
#botonera li a { font:bold 12px arial; color:#fff; text-align:center; text-decoration:none; padding:4px 0px; }
#botonera li.ultima { background:url(../image/home.jpg) no-repeat; width:117px; padding:4px 0px;}
#botonera li.ultima:hover { background:url(../image/home.jpg) no-repeat; width:117px; padding:4px 0px; }
#botonera li.primera { background:url(../image/home.jpg) no-repeat; width:117px; height:100; padding:4px 0px;}
#botonera li.primera:hover { background:url(../image/solapa1_2.gif) no-repeat; width:117px;padding:4px 0px; }
#botonera li.goles { background:url(../image/solapafutbol.gif) no-repeat; width:117px; padding:4px 0px;}
Código HTML:
<div id="menu-top" style="margin-left:25px; margin-bottom:10px; height: 100 px;">
<ul id="botonera">
<li class="primera"><a href="index.php">Inicio</a></li>
<li class="primera"><a href="index.php">Inicio</a></li>
<li class="primera"><a href="index.php">Inicio</a></li>
<li class="primera"><a href="index.php">Inicio</a></li>
<li class="primera"><a href="index.php">Inicio</a></li>
<li class="primera"><a href="index.php">Inicio</a></li>
<li class="primera"><a href="index.php">Inicio</a></li>
<li class="ultima"><a href="contacto.php">Contacto</a></li>
</ul>
</div>
en otro css tengo esto
Código HTML:
#menu-top{
width: 720px;
margin:0px;
padding:0;
float: left;
}
#menu-top ul {
list-style: none;
float:left;
}
#menu-top ul li {
display: block;
float: left;
position: relative;
}
#menu-top ul li a {
display: block;
}