עזרה עם תפריט נפתח - תכנות - HWzone פורומים
עבור לתוכן
  • צור חשבון

עזרה עם תפריט נפתח

s_b54

נוצר על ידי s_b54
ב תכנות

Recommended Posts

s_b54 Zone Wannabe

s_b54

פורסם
פורסם

יש לי בעיה עם התפריט שבניתי

זה הקוד:

<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
}
</style>
</head>
<body>
<table>
  <tr>
       <td onmouseover="showHideTable('עמוד ראשי')" onmouseout="showHideTable('עמוד ראשי')">
    <a href="home.html">עמוד ראשי</a><br>
    <div class="menu" id="עמוד ראשי">
      <a href="page1.html"> 1</a><br>
      <a href="page2.html">2</a><br>
      <a href="page3.html"> 3</a><br>
    </div>
    </td>
    <td onmouseover="showHideTable('products')" onmouseout="showHideTable('products')">
    <a href="products.html">מנגות</a><br>
    <div class="menu" id="products">
      <a href="page1.html">מנגות מתורגמות</a><br>
      <a href="page2.html">מנגות להורדה</a><br>
      <a href="page3.html">עזרה </a><br>
    </div>
    </td>
    <td onmouseover="showHideTable('contacts')" onmouseout="showHideTable('contacts')">
    <a href="contacts.html">contacts</a><br>
    <div class="menu" id="contacts">
      <a href="mailto:shlomi@www.com">Sales</a><br>
      <a href="mailto:yoav@www.com">Marketing</a><br>
      <a href="mailto:david@www.com">Management</a><br>
    </div>
    </td>
    <td onmouseover="showHideTable('פורום')" onmouseout="showHideTable('פורום')">
    <a href="search.html">פורום</a><br>
    <div class="menu" id="פורום">
      <a href="search.asp?keyword=book">ראשי</a><br>
      <a href="search.asp?keyword=block">הרשמה</a><br>
    </div>
    </td>
  </tr>
</table>



</body>
</html>

עכשיו יש לי שאלות

1.איך אני עושה שיהיה רקע לתפריט שנפתח

2.איך בקטע של המנגות אני עושה שזה לא ירד שורה

קישור לתוכן
שתף באתרים אחרים
tal7 Zone Wannabe

tal7

פורסם
פורסם

צבע רקע: background-color: #ccc; למשל, תוסיף בין התגית פתיחה לסגירה של <style>

בשביל שלא ירד שורה תוסיף white-space: nowrap; באותו מקום של הצבע רקע.

ואז זה צריך להראות ככה:

<style type="text/css">
div.menu {
	position:absolute;
	visibility:hidden;
	white-space: nowrap;
	background-color: #ccc;
}
</style>

קישור לתוכן
שתף באתרים אחרים

ארכיון

דיון זה הועבר לארכיון ולא ניתן להוסיף בו תגובות חדשות.

עבור לרשימת הדיונים
×
  • צור חדש...