04-03-2008, 13:30
|
|
|
חבר מתאריך: 17.05.05
הודעות: 7,321
|
|
הקוד החדש:
קוד:
<html>
<head>
<script language="javascript">
function showHideTable(menuId)
{
var obj=document.getElementById(menuId)
obj.style.visibility=(obj.style.visibility=="visible"?"hidden":"visible")
}
</script>
<style>
div.menu
{
position:absolute;
visibility:hidden;
}
.myImg
{
float:right;
}
</style>
</head>
<body>
<table align="center" cellspacing="0" cellpadding="0">
<tr>
<td onmouseover="showHideTable('i')" onmouseout="showHideTable('i')">
<IMG SRC="../images/part_i.png" class='myImg'>
<div class="menu" id="i">
<br><br>
<img src="../images/buttenB.gif" width="50">
<img src="../images/buttenB.gif" width="50">
<img src="../images/buttenB.gif" width="50">
</div>
</td>
<td onmouseover="showHideTable('h')" onmouseout="showHideTable('h')">
<IMG SRC="../images/part_h.png" class='myImg'>
<div class="menu" id="h">
<br><br>
<img src="../images/buttenB.gif" width="50">
<img src="../images/buttenB.gif" width="50">
<img src="../images/buttenB.gif" width="50">
</div>
</td>
<td onmouseover="showHideTable('g')" onmouseout="showHideTable('g')">
<IMG SRC="../images/part_g.png" class='myImg'>
<div class="menu" id="g">
<br><br>
<img src="../images/buttenB.gif" width="50">
<img src="../images/buttenB.gif" width="50">
<img src="../images/buttenB.gif" width="50">
</div>
</td>
<td onmouseover="showHideTable('f')" onmouseout="showHideTable('f')">
<IMG SRC="../images/part_f.png" class='myImg'>
<div class="menu" id="f">
<br><br>
<img src="../images/buttenB.gif" width="50">
<img src="../images/buttenB.gif" width="50">
<img src="../images/buttenB.gif" width="50">
</div>
</td>
<td onmouseover="showHideTable('e')" onmouseout="showHideTable('e')">
<IMG SRC="../images/part_e.png" class='myImg'>
<div class="menu" id="e">
<br><br>
<img src="../images/buttenB.gif" width="50">
<img src="../images/buttenB.gif" width="50">
<img src="../images/buttenB.gif" width="50">
</div>
</td>
<td onmouseover="showHideTable('d')" onmouseout="showHideTable('d')">
<IMG SRC="../images/part_d.png" class='myImg'>
<div class="menu" id="d">
<br><br>
<img src="../images/buttenB.gif" width="50">
<img src="../images/buttenB.gif" width="50">
<img src="../images/buttenB.gif" width="50">
</div>
</td>
<td onmouseover="showHideTable('c')" onmouseout="showHideTable('c')">
<IMG SRC="../images/part_c.png" class='myImg'>
<div class="menu" id="c">
<br><br>
<img src="../images/buttenB.gif" width="50">
<img src="../images/buttenB.gif" width="50">
<img src="../images/buttenB.gif" width="50">
</div>
</td>
<td onmouseover="showHideTable('b')" onmouseout="showHideTable('b')">
<IMG SRC="../images/part_b.png" class='myImg'>
<div class="menu" id="b">
<br><br>
<img src="../images/buttenB.gif" width="50">
<img src="../images/buttenB.gif" width="50">
<img src="../images/buttenB.gif" width="50">
</div>
</td>
<td onmouseover="showHideTable('a')" onmouseout="showHideTable('a')">
<IMG SRC="../images/part_a.png" class='myImg'>
<div class="menu" id="a">
<br><br>
<img src="../images/buttenB.gif" width="50">
<img src="../images/buttenB.gif" width="50">
<img src="../images/buttenB.gif" width="50">
</div>
</td>
</tr>
</table>
</body>
</html>
ציטוט:
התמונות המוסתרות שאמורות להופיע במעבר עכבר מופיעות כשנכנסים לדף נשארות שם עד שעוברים עם העכבר עליהן ומופיעות שוב כשעוברים על התמונה העליונה
|
זה קרה בגלל ששכחתי להסיר את תגי ההערה מה-CSS:
קוד:
/*visibility:hidden;*/
ציטוט:
בנוסף ברצף התמונות השני מימין התמונות לא מסודרות בטור אלא שתיים בשורה ואחת מתחתיהן
|
זה לא קורה אצלי... (השתמשתי ב-IE6)
|