a qui hay otro:
<style type="text/css">
#menu {padding:0 0 0 5px; margin:0; list-style:none; height:35px;
background:#fff url("http://cssplantillas.netau.net/ap/archivos/9c19d0b445.png");
border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;
width:100%; /* esto modifica el ancho del menu */}
#menu li {float:left;}
#menu li a {display:block; float:left; height:35px; line-height:40px;
color:#ccc; text-decoration:none; font-size:12px;
font-family:arial, verdana, sans-serif; font-weight:bold;
text-align:center; padding:0 0 0 8px; cursor:pointer;}
#menu li a b {float:left; display:block; padding:0 16px 0 8px;}
#menu li.current a {color:#fff; background:url("http://cssplantillas.netau.net/ap/archivos/5c5c6e37d9.png");}
#menu li.current a b {background:url("img/menu2.png") no-repeat right top;}
#menu li a:hover {color:#fff;background:#000 url("http://cssplantillas.netau.net/ap/archivos/fd442c4b65.png");}
#menu li a:hover b {background:url("http://cssplantillas.netau.net/ap/archivos/fd442c4b65.png") no-repeat right top;}
#menu li.current a:hover {color:#fff;
background:#000 url("http://cssplantillas.netau.net/ap/archivos/5c5c6e37d9.png"); cursor:default;}
#menu li.current a:hover b {background:url("http://cssplantillas.netau.net/ap/archivos/5c5c6e37d9.png") no-repeat right top;}
</style>
<ul id="menu">
<li><a href="#"><b>Inicio</b></a></li>
<li><a href="#"><b>Link's 2</b></a></li>
<li><a href="#"><b>Link's 3</b></a></li>
<li><a href="#"><b>Link's 4</b></a></li>
<li><a href="#"><b>Link's 5</b></a></li>
<li><a href="#"><b>Link's 6</b></a></li>
<li><a href="http://cssplantillas.es.tl"><b>Css Plantillas</b></a></li>
</ul>
Instrucciones:
Modifica el ancho del menu donde dice: width: xxx; lo puedes poner en px ej. 600px o en porcentaje ej. 80%.
ponlo en el codigo html y en la parte qdonde quieres que aparesca
___________________________
www.publicidadatualcase.es.tl
entra es gratis para los usuarios de pwg
