21-01-2008, 16:48
|
|
|
|
חבר מתאריך: 22.10.07
הודעות: 37
|
|
|
תפריט לא סימטרי
יצרתי תפריט נפתח, שכאשר עוברים על הנושא הראשי תתי הנושא מתגלים תחתיו.תתי הנושא מוגדרים בתוך div
הבעיה היא שתתי הנושא לא מופיעים ישר מתחת לנושא הראשי אלא בהטייה קטנה הצידה.
איך אני גורם לתתי הנושא להופיע ישר מתחת לנושא הראשי?
<html >
<head >
<title>Main</title>
<script language="javascript">
var t;
function showTable()
{
clearTimeout(t); //New line
document.getElementById('menu1').style.visibility= 'visible';
}
function disPlayTable()
{
t=setTimeout("document.getElementById('menu1').style.visibility= 'hidden'",1000);
}
</script>
<style type="text/css">
.div_Main_Menu
{
visibility: hidden;
position:absolute;
}
</style>
</head>
<body bgcolor="3E606F" >
<form id="form1" runat="server">
<table bgcolor="#D1DBBD" border="1" width="690" align="center" cellpadding="0" cellspacing="0" dir="ltr">
<tr height="100">
<td width="25%"> <td>
<td width="25%"> <td>
<td width="50%"> <td>
</tr>
</table>
<table bgcolor="#D1DBBD" border="1" width="690" align="center" cellpadding="0" cellspacing="0" dir="ltr">
<tr height="10">
<td width="20%" onmouseover="showTable()" onmouseout="disPlayTable()"> cars <br/><div class="div_Main_Menu" id="menu1" onmouseover="showTable()" onmouseout="disPlayTable()"><a href="testPage.htm" class="A">volvo</a></div></td>
<td width="20%"> </td>
<td width="20%"> </td>
<td width="20%"> </td>
<td width="20%"> </td>
</tr>
</table>
</body>
</html>
|
ראשי
צ'אט
מצב כלאיים
