Tema: URGENTE: Menu Desplegable.
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 15/06/2010, 12:04
canino_latino
 
Fecha de Ingreso: enero-2010
Mensajes: 113
Antigüedad: 14 años, 3 meses
Puntos: 2
Exclamación URGENTE: Menu Desplegable.
Hola,

Bueno amigos la verda de css tengo muy poco conocimiento, necesitaria saber lo siguiente:

al pasar el mouse ejemplo por el enlace que contiene el div con id "Deportes" se abra el div de id "Contenido" no se si entiendan lo que les quiero decir.

aqui les dejo mi codigo:

Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html>
  2. <head> 
  3. <style>
  4. #Menu {
  5.     position: absolute;
  6.     width: 1002px;
  7.     height: 40px;
  8.     list-style:none;
  9.     left: 100px;
  10.     }
  11. #Television a{
  12.     background-image:url('img/menu.png');
  13.     display: block;
  14.     float: left; 
  15.     width: 175px;
  16.     height: 40px;
  17.     }
  18. #Deportes a{
  19.     background-image:url('img/menu.png');
  20.     background-position: -178px 0px;
  21.     display: block;
  22.     float: left; 
  23.     width: 105px;
  24.     height: 40px;
  25.     }
  26. #Infantiles a{
  27.     background-image:url('img/menu.png');
  28.     background-position: -283px 0px;
  29.     display: block;
  30.     float: left; 
  31.     width: 199px;
  32.     height: 40px;
  33.     }
  34. #Variados a{
  35.     background-image:url('img/menu.png');
  36.     background-position: -482px 0px;
  37.     display: block;
  38.     float: left; 
  39.     width: 100px;
  40.     height: 40px;
  41.     }
  42. #Peliculas a{
  43.     background-image:url('img/menu.png');
  44.     background-position: -582px 0px;
  45.     display: block;
  46.     float: left; 
  47.     width: 95px;
  48.     height: 40px;
  49.     }
  50. #Series a{
  51.     background-image:url('img/menu.png');
  52.     background-position: -677px 0px;
  53.     display: block;
  54.     float: left; 
  55.     width: 153px;
  56.     height: 40px;
  57.     }
  58. #Emisoras a{
  59.     background-image:url('img/menu.png');
  60.     background-position: -830px 0px;
  61.     display: block;
  62.     float: left; 
  63.     width: 172px;
  64.     height: 40px;
  65.     }
  66. #Television a:hover{
  67.     background-image:url('img/menu.png');
  68.     background-position: 0px -41.5px;
  69.     display: block;
  70.     float: left; 
  71.     width: 175px;
  72.     height: 40px;
  73.     }
  74. #Deportes a:hover{
  75.     background-image:url('img/menu.png');
  76.     background-position: -178px -41.5px;
  77.     display: block;
  78.     float: left; 
  79.     width: 105px;
  80.     height: 40px;
  81.     }
  82. #Infantiles a:hover{
  83.     background-image:url('img/menu.png');
  84.     background-position: -283px -41.5px;
  85.     display: block;
  86.     float: left; 
  87.     width: 199px;
  88.     height: 40px;
  89.     }
  90. #Variados a:hover{
  91.     background-image:url('img/menu.png');
  92.     background-position: -482px -41.5px;
  93.     display: block;
  94.     float: left; 
  95.     width: 100px;
  96.     height: 40px;
  97.     }
  98. #Peliculas a:hover{
  99.     background-image:url('img/menu.png');
  100.     background-position: -582px -41.5px;
  101.     display: block;
  102.     float: left; 
  103.     width: 95px;
  104.     height: 40px;
  105.     }
  106. #Series a:hover{
  107.     background-image:url('img/menu.png');
  108.     background-position: -677px -41.5px;
  109.     display: block;
  110.     float: left; 
  111.     width: 153px;
  112.     height: 40px;
  113.     }
  114. #Emisoras a:hover{
  115.     background-image:url('img/menu.png');
  116.     background-position: -830px -41.5px;
  117.     display: block;
  118.     float: left; 
  119.     width: 172px;
  120.     height: 40px;
  121.     }
  122. </style>
  123. </head>
  124. <body>
  125. <div id="Menu">
  126. <div id="Television"><a href=""></a></div>
  127. <div id="Deportes"><a href=""></a></div>
  128. <div id="Infantiles"><a href=""></a></div>
  129. <div id="Variados"><a href=""></a></div>
  130. <div id="Peliculas"><a href=""></a></div>
  131. <div id="Series"><a href=""></a></div>
  132. <div id="Emisoras"><a href=""></a></div></div>
  133. <div id="Contenido">Contenido del DIV que se abre</div>
  134. </body>
  135. </html>

Espero puedan ayudarme,

Gracias,

Hasta pronto.