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>

.cell div{
	display: none;
}
.cell a:hover div{
	display: block;
	position: absolute;
	width: 200px;
	height: 200px;
	background-color: black;
}
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
<html>
<head>
  <style type="text/css">
  <!--
    div.cell {
    	display: none;
    	width: 200px;
    	height: 200px;
    	background-color: black;
    	color:white;
		}
	 td.cella:hover div.cell {
    display: block;
    float:right;
		}
  //-->
  </style>
</head>

<body>
 <table>
  <tr>
   <td class="cella"><a href="adsf">Első</a>
    <div class="cell">
     asdfasdf
    </div>
    <br> többi szöveg
   </td>
  </tr>
 </table>
</body>
</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.