07-10-2013, 12:42
|
|
|
חבר מתאריך: 29.04.04
הודעות: 638
|
|
תפריט אפקי ב HTML. פריטי התפריט בגודל לא אחיד
שלום,
עיצבתי קוד לתפריט בסיסי בדף html באמצעות קובץ css. להלן קוד ה html:
קוד:
<!DOCTYPE html>
<html>
<head>
<title>Example</title>
<meta charset='utf-8'>
<link rel="stylesheet" type="text/css" href="css/test.css" />
</head>
<body>
<ul>
<li class="no_border"><a href="#">a</a></li>
<li><a href="#">b</a></li>
<li><a href="#">c</a></li>
<li><a href="#">d</a></li>
</ul>
</body>
</html>
זה קוד ה css לדף הנ"ל
קוד:
ul {
position:absolute;
border-bottom:1px solid #9fa9aa;
border-right:1px solid #9fa9aa;
border-left:1px solid #9fa9aa;
list-style-type:none;
}
ul li {
float:right;
border-right:1px solid #9fa9aa;
color:#9fa9aa;
font-family:tahoma, arial,"sans serif";
font-size:100%
}
ul li.no_border {border-right:none}
a {
text-decoration:none;
color:#9fa9aa;
background-color:e6d9ad;
}
a:hover {background-color:red;}
בתמונת המסך של הדף כפי שהוא נראה בדפדפן (כרום) פריט התפריט "d" רחב יותר משאר פרטי התפריט. למה?!
מישהו יוכל בקשה להצביע היכן בקוד אצלי טמונה הסיבה לעך שפריט תפריט אחד רחב משאר פרטי התפריט?
מישהו יכול לתקן את הסגנון שכתבתי באופן שכל פרטי התפריט יהיו בעלי רוחב זהה?
מצורפת תמונת המסך של הדף.
תודה
|