בעיה עם תפריט ב-IE - הוסטס

Gal Shafrir · 15-05-07, 18:47

ככה זה נראה:
http://www.2send.us/uploads/891e0dc819.JPG

בפיירפוקס הכל טוב,

זה הקוד HTML:

HTML קוד:

<html dir="rtl">
<head>
	<title>מערכת</title>
	<script type="text/javascript">
	function show(id){
		var obj=document.getElementById(id)
		obj.style.visibility=(obj.style.visibility=="visible"?"hidden":"visible")
	}
	</script>
	<style type="text/css">
		@import url(style.css);
	</style>
</head>

<body>

	<div id="menu">

				<div id="user">
				<img src="./images/msg.gif" alt="" />
				ברוך הבא הבא <strong>גל שפריר</strong> ( התנתק )
				</div>
				
				<div id="user_menu">

				<div class="item" style="padding-right: 0px;">
					<a href="#">ניהול</a>
				</div>
				
				<div class="item" onmouseover="show('manage')" onmouseout="show('manage')">
					<a href="#">ניהול קבצים</a>
					<div id="manage" class="links" style="width:150px;">
						<a href="#" class="p">עמוד ראשי</a>
						<a href="#" class="p">הוספת קובץ</a>
						<a href="#" class="p">מחיקת קבצים</a>
					</div>
				</div>
				
				<div class="item" onmouseover="show('config')" onmouseout="show('config')">
					<a href="#">הגדרות מערכת</a>
					<div id="config" class="links" style="width:150px;">
						<a href="#" class="p">הגדרות SAFE MOD</a>
						<a href="#" class="p">הגדרות מערכת</a>
					</div>
				</div>

				<div class="item" onmouseover="show('user_config')" onmouseout="show('user_config')">
					<a href="#">הגדרות משתמש</a>
					<div id="user_config" class="links" style="width:150px;">
						<a href="#" class="p">שנה שם משתמש</a>
						<a href="#" class="p">הגדרות סיסמה ודוא"ל</a>
					</div>
				</div>
				
				<div class="item">
					<a href="#">אפשרויות מחיקת קבצים</a>
				</div>

				</div>
	</div>	
	
	<div id="site">
		
		<h2>ברוך הבא למערכת העלאת הקבצים שלך - פאנל הניהול</h2>

	</div>
		
</body>

זה הקוד CSS:

HTML קוד:

body {
	margin: auto;
	font-size: 10pt;
}
	
#menu {
	width: 100%;
	color:#ffffff;
	padding-top: 10px; 
	padding-bottom: 10px;
	background-image: url(background.jpg);
	border-bottom: solid 3px #D2DDE9;
	margin-bottom: 2px;
	height: 40px;
}

div .item {
	padding-right: 40px;
	float: right;
	display: inline;
}

div.links {
	width:100%;
	position:absolute;
	visibility:hidden;
	margin-left:2px;
	text-align: right;
}
				
div.item a {
	padding-top: 5px;
	padding-bottom: 5px;
	display:block;
	width:100%;
	color:#ffffff;
	text-decoration:underline;
}

div.links a {
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	display:block;
	width:100%;
	color:#ffffff;
	text-decoration:none;
	background-color:#013370;
}

div.links a:Hover {
	background-color:#00499E;
}

#user,#user_menu {
	margin-right: 10px;
}
					
.p {
	padding-right: 10px;
}
				
#site {
	width: 80%;
	margin-right: 10px;
}
				
h2 {
	width: 80%;
	font-size: 11pt;
	font-weight: bold;
	color: #003C84;
	text-align: right;
	letter-spacing: 1.8px;
	padding-bottom: 10px;
	border-bottom: 1px solid #EAEAEA;
}

input, textarea {
	font-family: "Trebuchet MS";
	font-size: 14px;
	padding: 2px;
	border: solid 1px #EEEEEE;
}

.msg {
	color:#003C84;
	width: 70%;
	background: #ecf4ff url('./images/msg.gif') center no-repeat;
	background-position: 99% 50%;
	text-align: right;
	padding: 5px 30px 5px 45px;
	font-size: 10pt;
	margin-top: 2px;
	margin-bottom: 2px;
}

תודה לעוזרים מראש.

omercnet · 15-05-07, 22:39

אולי אם תעלה את זה לאנשהו יהיה יותר נוח לאתר את הבעיה
ובנוסף, אם תגיד לנו מה לא בסדר זה גם יעזור

Gal Shafrir · 16-05-07, 12:58

http://www.theyovel.net/uploads/menu.html הנה קישור,

הבעיה היא שזה לא בשורה אחת, ה-JS לא ממש עובד..

meshuga · 16-05-07, 13:04

תגדיר רוחב לכל item.
ככה זה עם float יש יתרונות יש חסרונות.
ותעיף את הinline.

Gal Shafrir · 16-05-07, 13:09

תודה רבה

15-05-07, 22:39	# 2
omercnet אחראי פורום תחזוק שרתים מיני פרופיל תאריך הצטרפות: Aug 2006 גיל: 38 הודעות: 722	אולי אם תעלה את זה לאנשהו יהיה יותר נוח לאתר את הבעיה ובנוסף, אם תגיד לנו מה לא בסדר זה גם יעזור __________________ Omer Cohen Information Security Specialist eBaY Inc

16-05-07, 12:58	# 3
Gal Shafrir חבר וותיק מיני פרופיל תאריך הצטרפות: Oct 2005 הודעות: 1,626	http://www.theyovel.net/uploads/menu.html הנה קישור, הבעיה היא שזה לא בשורה אחת, ה-JS לא ממש עובד.. __________________ בברכה, גל שפריר - מעצב ומפתח אתרים. עופר שפריר - במאי, תסריטאי ומפיק.

16-05-07, 13:09	# 5
Gal Shafrir חבר וותיק מיני פרופיל תאריך הצטרפות: Oct 2005 הודעות: 1,626	תודה רבה __________________ בברכה, גל שפריר - מעצב ומפתח אתרים. עופר שפריר - במאי, תסריטאי ומפיק.


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

16-05-07, 13:04	# 4
meshuga הנהלת הפורום לשעבר מיני פרופיל תאריך הצטרפות: Oct 2005 גיל: 35 הודעות: 7,601	תגדיר רוחב לכל item. ככה זה עם float יש יתרונות יש חסרונות. ותעיף את הinline.

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