Ver Mensaje Individual
  #7 (permalink)  
Antiguo 28/04/2009, 10:52
Avatar de willyfc
willyfc
 
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 15 años, 7 meses
Puntos: 40
Respuesta: imagen en menu horizontal

mira, de momento lo que se me ocurre es esto, a ver si te sirve, utilize una imagen del tamñao de la tuya:

Código html:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  4. <title>Documento sin t&iacute;tulo</title>
  5. <style type="text/css">
  6. body{background-color:#990000;}
  7. .menu{width:100%; text-align:center;}
  8. .menu ul{list-style:none}
  9. .menu ul li{display:inline; padding:5px 10px;font-weight:bold;font-size:12px; font-family:Tahoma, Arial, "Headache";}
  10. .menu a{padding:33px; color:#FFF; width:120px; text-decoration:none;background:url(imagenes/dot.jpg) no-repeat 0px;font-weight:bold;font-size:12px; font-family:Tahoma, Arial, "Headache";}
  11. .menu a:hover,.menu a:focus,.menu a:active{padding:33px; color:#000; text-decoration:underline;background:url(imagenes/dot.jpg) no-repeat 0;}
  12. </head>
  13.  
  14. <div class="menu">
  15.     <ul>
  16.         <li><a href="#">menu 1</a></li>
  17.         <li><a href="#">menu 2</a></li>
  18.         <li><a href="#">menu 3</a></li>
  19.     </ul>
  20. </div>
  21. </body>
  22. </html>

quizás debas poner algunas medidas pero no creo
__________________
WFC
codigo82