ניסיתי את כל האפשרויות שיש.
מצאתי סקריפט ברשת שנותן לי תפריט POP UP.
(כמו של בסט סרב)
עשיתי לו שינויים ב CSS לפי מה שאני צריך.
הבעייה העיקרית כרגע זה שהטקסט הזה, שאם עוברים עליו אז התפריט נפתח, דבוק לחלק העליון של ה DIV, ולא רוצה להתיישר לאמצע. ניסיתי כל אפשרות...וזה לא עוזר.
זה הקוד:
HTML קוד:
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=windows-1255">
<STYLE type=text/css>#csstopmenu {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#csstopmenu UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#csstopmenu LI {
FLOAT: left; POSITION: relative
}
#csstopmenu A {
TEXT-DECORATION: none
}
.mainitems {
BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid; HEIGHT: 29px; BACKGROUND-COLOR: #e8a515; TEXT-ALIGN: center; align: center
}
.headerlinks A {
FONT-WEIGHT: normal; MARGIN: auto 8px; COLOR: black; family: arial
}
.submenus {
BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: none; LEFT: 0px; BORDER-LEFT: black 0px solid; WIDTH: 10em; COLOR: black; BORDER-BOTTOM: black 0px solid; POSITION: absolute; TOP: 1.5em; BACKGROUND-COLOR: #e8a515
}
.submenus LI {
WIDTH: 100%
}
.submenus LI A {
DISPLAY: block; WIDTH: 100%; TEXT-INDENT: 3px
}
UNKNOWN {
WIDTH: auto
}
.submenus LI A:hover {
COLOR: black; BACKGROUND-COLOR: white
}
UNKNOWN {
LEFT: auto; TOP: auto
}
#csstopmenu LI:hover UL {
DISPLAY: block
}
LI.over UL {
DISPLAY: block
}
UNKNOWN {
HEIGHT: 3px
}
</STYLE>
<SCRIPT type=text/javascript>
startMenu = function() {
if (document.all&&document.getElementById) {
cssmenu = document.getElementById("csstopmenu");
for (i=0; i<cssmenu.childNodes.length; i++) {
node = cssmenu.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function(){
this.className=this.className.replace(" over", "")
}
}
}
}
}
if (window.attachEvent)
window.attachEvent("onload", startMenu)
else
window.onload=startMenu;
</SCRIPT>
<META content="MSHTML 6.00.2900.2180" name=GENERATOR></HEAD>
<BODY>
<DIV>
<UL id=csstopmenu>
<LI class=mainitems style="BORDER-LEFT-WIDTH: 0px; TEXT-ALIGN: center">
<DIV class=headerlinks><A href="http://www.javascriptkit.com/">JavaScript
Kit</A></DIV>
<UL class=submenus>
<LI><A href="http://javascriptkit.com/">Home</A> </LI>
<LI><A href="http://javascriptkit.com/cutpastejava.shtml">Free
JavaScripts</A> </LI>
<LI><A href="http://javascriptkit.com/javaindex.shtml">JavaScript
tutorials</A> </LI>
<LI><A href="http://javascriptkit.com/jsref/index.shtml">JavaScript
Reference</A> </LI></UL></LI>
<LI class=mainitems>
<DIV class=headerlinks><A href="http://www.javascriptkit.com/">2nd Menu
Item</A></DIV>
<UL class=submenus style="WIDTH: 14em">
<LI><A href="http://localhost/">Sub 2 Item 1. Long text, long menu.</A>
</LI>
<LI><A href="http://localhost/">Sub 2 Item 2</A> </LI>
<LI><A href="http://localhost/">Sub 2 Item 3.</A> </LI></UL></LI>
<LI class=mainitems>
<DIV class=headerlinks><A href="http://www.javascriptkit.com/">3rd Menu
Item</A></DIV>
<UL class=submenus>
<LI><A href="http://localhost/">Sub 3 Item 1</A> </LI>
<LI><A href="http://localhost/">Sub 3 Item 1</A> </LI>
<LI><A href="http://localhost/">Sub 3 Item 1</A> </LI>
<LI><A href="http://localhost/">Sub 3 Item 1</A> </LI></UL></LI></UL>
<DIV id=clearmenu style="CLEAR: left"></DIV></DIV></BODY></HTML>
וזה הקישור לדף המלא:
http://www.rafihatuel.com/1231.htm
שימו לב למה שכתבתי בהתחלה:
הבעייה העיקרית כרגע זה שהטקסט הזה, שאם עוברים עליו אז התפריט נפתח, דבוק לחלק העליון של ה DIV,
ולא רוצה להתיישר לאמצע. ניסיתי כל אפשרות...וזה לא עוזר.
תעזרו לי למצוא פיתרון לבעייה
עריכה:
אני כרגע לא דואג לתקינות של הקוד.
כי את זה אני מסדר אח"כ.
נא לא להעיר.