הטקסט לא רוצה להתיישר! :( - הוסטס

k.machine · 06-03-06, 17:01

ניסיתי את כל האפשרויות שיש.

מצאתי סקריפט ברשת שנותן לי תפריט 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, ולא רוצה להתיישר לאמצע. ניסיתי כל אפשרות...וזה לא עוזר.

תעזרו לי למצוא פיתרון לבעייה

עריכה:
אני כרגע לא דואג לתקינות של הקוד.
כי את זה אני מסדר אח"כ.
נא לא להעיר.

Alter · 06-03-06, 17:12

לא רואה מה הבעיה.
זה באמצע..

k.machine · 06-03-06, 17:19

ציטוט:

נכתב במקור על ידי Alter

לא רואה מה הבעיה.
זה באמצע..

זה דבוק לחלק העליון!
קשה לראות?

שימו לב,
לא על ציר הX אלא על הY
יענו- הטקסט הראשי שאם עוברים עליו עם העכבר אז נפתח התפריט.
אז זה הכוונה שלי.
זה לא באמצע מבחינת גובה!!
הוא עליון!
אני רוצה שהוא יהיה באמצע.

יותר ברור עכשיו?

Tal.M · 06-03-06, 20:12

תראה אני הצלחתי להעביר את החלק הדבוק..ולהעביר אותו לצד ימין...
שנה עם זה:

ציטוט:

<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 תגיד לאיזה גובה אתה רוצה...

k.machine · 06-03-06, 20:52

מצאתי פיתרון.

הייתי צריך את הDIV הזה בגובה 29 PX. והגובה האורגינלי שלו היה רק 19.
אז עשיתי 2 טבלאות.
אחד מעל, ואחד מתחת. כל טבלא (יותר נכון תא) בגובה 5PX.

וככה זה ישר עכשיו לאמצע

אפשר לנעול.

06-03-06, 17:12	# 2
Alter תודה על תרומתך. מיני פרופיל תאריך הצטרפות: Oct 2005 גיל: 36 הודעות: 3,103	לא רואה מה הבעיה. זה באמצע.. __________________ Alter.


	ההרשמה לפורום נפתחה - אפשרות רישום לכל אימייל (דומיינים פרטיים, gmail, הוטמייל..)!

06-03-06, 20:52	# 5
k.machine תודה על תרומתך. מיני פרופיל תאריך הצטרפות: Oct 2005 גיל: 36 הודעות: 3,748	מצאתי פיתרון. הייתי צריך את הDIV הזה בגובה 29 PX. והגובה האורגינלי שלו היה רק 19. אז עשיתי 2 טבלאות. אחד מעל, ואחד מתחת. כל טבלא (יותר נכון תא) בגובה 5PX. וככה זה ישר עכשיו לאמצע אפשר לנעול.

חברים פעילים הצופים באשכול זה: 1 (0 חברים ו- 1 אורחים)