Buens días,

 

Estoy teniendo un problema  la hora de pasar el mouse en un menú vertical
con imagen de fondo.

La imagen es:

 

http://www.pixelperu.net/file/menu.jpg

 

Al pasar el mouse sobre algún menú quisiera que las líneas de los menus
adyacentes desaparezcan. Se me ha hecho difícil lograrlo con CSS asi es que
recurro a ustedes y ver si puedo encontrar la solución.

 

EL XHTML del menú:

 

<div id="menu">

 

     <ul id="nav">

                               <li id="about"><a
href="index.html"><strong>ABOUT US</strong></a></li>

        <li id="services"><a href="services.html"
><strong>SERVICES</strong></a></li>

                               <li id="healthy"><a
href="programs.html"><strong>HEALTHY STUFF PROGRAMS</strong></a><a
href="carriers.html"><strong>CARRIERS</strong></a></li>

                               <li id="claim"><a
href="help.html"><strong>CLAIM HELP</strong></a></li>

                               <li id="contact"><a
href="contact.html"><strong>CONTACT US</strong></a></li>

                </ul>

<div class="rTable"></div>

</div>

 

EL CSS de mi menú es:

#menu {

                float:left;

                width: 230px;

                height: auto;

                font:normal 1.3em/100% Helvetica, Arial, sans-serif;

                text-align: left;

                padding:10px 0 ;

                font-weight: bold;

                border: 1px solid #000;}

 

#menu ul{

                margin:0px;

                padding:0px;

                list-style:none;

                }

#menu li a {

                               voice-family: "\"}\""; 

                               voice-family: inherit;

                               width: 210px;

                               height: 24px;

                               background:#fff;

                               border-bottom: 1px solid #99F;

                               text-decoration: none;

                               font-weight:normal;

                               }

                               

#menu li a:link, #menu li a:visited {

                               color:#666;

                               display: block;

                               background: url(images/menu4.gif);

                               padding: 8px 0 0 0;

                               margin-left: 10px;

                               }

                               

#menu li a:hover {

                               color: #000066;

                               background:#FC0;

                               padding: 9px 0 0 0;

                               margin-left: 10px;

                               /*border-top: 3px solid #FC0;

                               border-bottom: 3px solid #FC0;*/

 

                               }

                               

#menu li a:active {

                               color: #000066;;

                               background: url(images/menu4.gif) 0 -64px;

                               padding: 8px 0 0 20px;

                               }

                

#about span li a:hover  {

    height:35px;

    background-image:url(images/about.gif);

    background-repeat:no-repeat;

    }

  div span {display:none;}

 

 

Como puedo hacer con el #nav no lo he definido aún,

 

De antemano muchas gracias! 

 

 

---

Miguel Flores

Graphic Design & Standard based Web Design

Phone +511.6237408

MSN: mi...@pixelperu.net

 <http://pe.linkedin.com/in/mikersson> http://pe.linkedin.com/in/mikersson

 

_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Responder a