10-10-2006, 21:15
|
|
|
|
חבר מתאריך: 17.05.04
הודעות: 1,454
|
|
|
יצירת רווחים בין פריטי הרשימה - כיצד?
קוד:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<style type="text/css">
#bar .hl{
font-size: 24px;
font-family: Narkisim;
color: #00324a;
margin-bottom: 0px;
}
#menu li{
margin-left:30px;
font-family: David;
font-size:13px;
color: #085478;
display: inline;
}
</style>
</head>
<body>
<div id="bar" style="width:100% height:100px;">
<img src="images/mngsideimg.jpg" alt="" style="float:left; height:100px;" />
<div class="bartxt" style="float:right; text-align:right; width:455px;">
<p class="hl">
ברוך הבא למערכת הניהול
</p>
<hr />
<ul id="menu" style="list-style-type: none; margin-top:0px;">
<li>הרשאות משתמשים</li>
<li>עריכת תוכן</li>
<li>מערכת הציונים</li>
<li>תיבת הדואר</li>
</ul>
</div>
</div>
</body>
</html>
הרשימה (ul) בFF מופיעה אופקית, אך אין שום רווח בין li אחד לשני..
ב IE וב Opera הרשימה אופקית ועם רווח של 30 פיקסלים בין כל li..
ניסיתי כבר padding, ו position: relative שניהם לא עובדים כמו שצריך..
הבעיה כנראה בגלל שזה inline ובכך margin וpadding לא אמורים לעבוד עליו..
האם יש דרך לעקוף את זה או דרך שונה לעשות את הרווחים?
אני מודע שזה אפשרי ע"י שימוש ב ;nbsp& אך אני אשתמש בזה רק אם אני לא אמצע שום דרך אחרת.
תודה מראש.
_____________________________________
EVERYTHING SHOULD BE MADE AS SIMPLE AS POSSIBLE, BUT NOT ONE BIT SIMPLER
ALBERT EINSTEIN
נערך לאחרונה ע"י Rs3k בתאריך 10-10-2006 בשעה 21:26.
|
ראשי
צ'אט
מצב כלאיים
