Foros del Web - Ver Mensaje Individual - poner imagen de fondo en menu desplegable

gabrielcorr4 · #5 (**permalink**) 29/06/2011, 14:41

exacto eso era, no me habia fijado que usted le habia puesto una clase solo vi los links que agrego, pero ahora a ese background le pongo una imagen de mi computador y no sale nada, a menos que haya puesto mal el path o algo asi... ya lo revisare.

mi codigo:

Cita:

<body>
<ul id="menu">
<li><a class="back" href="http://www.forosdelweb.com/f53/poner-imagen-fondo-menu-desplegable-925317/f53/poner-imagen-fondo-menu-desplegable-925317/url...">HOME</a></li>
<li><a class="back" href="http://www.forosdelweb.com/f53/poner-imagen-fondo-menu-desplegable-925317/f53/poner-imagen-fondo-menu-desplegable-925317/url...">THEESPECTROMANIA</a></li>
<li><a class="back" href="http://www.forosdelweb.com/f53/poner-imagen-fondo-menu-desplegable-925317/f53/poner-imagen-fondo-menu-desplegable-925317/url...">HTML</a>
<ul>
<li><a href="http://www.forosdelweb.com/f53/poner-imagen-fondo-menu-desplegable-925317/f53/poner-imagen-fondo-menu-desplegable-925317/url...">CENTER</a></li>
<li><a href="http://www.forosdelweb.com/f53/poner-imagen-fondo-menu-desplegable-925317/f53/poner-imagen-fondo-menu-desplegable-925317/url...">FONT</a></li>
</ul></li>
<li><a class="back" href="http://www.forosdelweb.com/f53/poner-imagen-fondo-menu-desplegable-925317/f53/poner-imagen-fondo-menu-desplegable-925317/url...">CSS</a>
<ul>
<li><a href="http://www.forosdelweb.com/f53/poner-imagen-fondo-menu-desplegable-925317/f53/poner-imagen-fondo-menu-desplegable-925317/url...">GRADIENT</a></li>
<li><a href="http://www.forosdelweb.com/f53/poner-imagen-fondo-menu-desplegable-925317/f53/poner-imagen-fondo-menu-desplegable-925317/url...">BORDES</a></li>
</ul></li>
</div>
<style type = "text/css">
.back{
background-image:url('EasyPHP-5.3.6.0\www\prueba\lovemoon.jpg');
background-repeat:no-repeat;
background-color:#99cccc;}
#menu{padding-left:25px; margin-top:15px; }
#menu li{list-style:none; float:left;}
#menu li a{display:block; width:200px;height:20px; background-color:#99cccc;border:1px solid; padding:2px;text-decoration:none;
text-align:center; color:#000;font-family:arial; font-size:15px;font-weight:bold;}
#menu li a:hover{background:navy;border-color:transparent;color:#ffcc00;}
#menu li ul{display:none; position:absolute;}
#menu li ul li {display:block;float:none; position:relative; padding:0px}
#menu li:hover ul{display:block; padding-left:0px;}
</style>