תראה אני הצלחתי להעביר את החלק הדבוק..ולהעביר אותו לצד ימין...
שנה עם זה:
ציטוט:
<html dir="rtl">
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
</head>
<body>
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=windows-1255">
<STYLE type=text/css>#csstopmenu {
PADDING-RIGHT: 0px; PADDING-center: 1px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP:100px; LIST-STYLE-TYPE: none
}
#csstopmenu UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 1px; LIST-STYLE-TYPE: none
}
#csstopmenu A {
TEXT-DECORATION: none
}
#csstopmenu LI {
FLOAT: right; POSITION: relative
}
.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
}
.form { margin: 100px }
</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-right-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: center"></DIV></DIV></BODY></HTML>
</body>
</html>
|
מה ששניתי זה זה:
ציטוט:
|
PADDING-RIGHT: 0px; PADDING-center: 1px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP:100px; LIST-STYLE-TYPE: none
|
תראה יש שם 100px תגיד לאיזה גובה אתה רוצה...