ugrás a tartalomhoz

td:hover div hogyan?

Anonymous · 2006. Feb. 19. (V), 12.29
Van egy táblázatom, és azt szeretném elérni, hogy ha a cella fölé kerül az egér, egy div nyíljon meg mellette.
<table>
<tr>
<td class="cell"><a href="adsf">Első</a>
<div>
asdfasdf
</div>
</td>
</tr>
</table>
  1. .cell div{  
  2.     display: none;  
  3. }  
  4. .cell a:hover div{  
  5.     display: block;  
  6.     position: absolute;  
  7.     width: 200px;  
  8.     height: 200px;  
  9.     background-color: black;  
  10. }  
De a td:hover -re nem csinál semmit. Ahogy a példában is látszik, próbáltam egyéni osztály létrehozni, és a cell:hover -rel is megpróbáltam, de az eredmény ugyan az maradt. Hogyan lehetne ezt megoldani?

Tudom, hogy IE-bem a csshover.htc is kell, de egyenlőre mozilla alapokon sem tudtam működésre bírni.
‹ CSS Oldalszerkezet <table> nélkül! XHTML, CSS, DIV kérdéscsokor ›
 ■
1

<Nincs cím>

Anonymous · 2006. Feb. 19. (V), 16.13
  1. <html>  
  2. <head>  
  3.   <style type="text/css">  
  4.   <!--  
  5.     div.cell {  
  6.         display: none;  
  7.         width: 200px;  
  8.         height: 200px;  
  9.         background-color: black;  
  10.         color:white;  
  11.         }  
  12.      td.cella:hover div.cell {  
  13.     display: block;  
  14.     float:right;  
  15.         }  
  16.   //-->  
  17.   </style>  
  18. </head>  
  19.   
  20. <body>  
  21.  <table>  
  22.   <tr>  
  23.    <td class="cella"><a href="adsf">Első</a>  
  24.     <div class="cell">  
  25.      asdfasdf  
  26.     </div>  
  27.     <br> többi szöveg  
  28.    </td>  
  29.   </tr>  
  30.  </table>  
  31. </body>  
  32. </html>  
2

nem megy

Anonymous · 2006. Feb. 19. (V), 21.08
nálam ez nem működött
3

Jano tudja a tutit:)

mdesign · 2006. Feb. 20. (H), 07.56
Minden böngészővel kompatiblis megoldás ha a :hover mellett használod ezt is:

http://users.hszk.bme.hu/~hj130/css/list_menu/hover/index_hu.html
4

thx

Anonymous · 2006. Feb. 20. (H), 12.10
köszi szépen, ez tökéletes, de amint beillesztettem az oldalba, egy "apró" hiba jelent meg:

amikor az egeret a legördült menü fölé húzom, akkor eltünik a menü. Ezt hogy tudod kiküszöbölni? Azért nem értem, mert a példában minden jól működött, és ugyan úgy használtam én is fel.