15-02-2008, 22:27
|
|
|
|
חבר מתאריך: 02.04.02
הודעות: 1,683
|
|
|
מה כבר עשיתי לא נכון עם קובץ ה-CSS הזה?!
שלום לכולם,
יש לי בעיית padding בתפריט אורכי שאני בונה. אולי תוכלו לעזור לי בבקשה, כי אני כבר יומיים מנסה להבין מה הבעיה של התפריט הזה ולא מצליח. הבעיה היא - כאשר אני מגדיר padding לתגית LI של התפריט באקספלורר הוא מקבל את העניין בסבבה, אך העניין המוזר שבפיירפוקס לא ומחשב את כל הלLI מצד ימין של תגית UL... =\
הנה הקוד -
קוד:
* {border: 1px solid red;}
html {direction: rtl;}
html, body {height: 100%;}
body {margin: 0px; padding: 0px; text-align: center;}
* {font-family: arial;}
img {border: 0px;}
div#base {
width: 900px;
border-right: 2px solid #000000;
border-left: 2px solid #000000;
margin: 0px auto; padding: 0px;}
div#menu {width: 850px; margin: 0px auto; padding: 0px;}
ul#ul_menu {list-style-type: none; margin: 0px auto; padding: 0px;}
ul#ul_menu li {display: inline; margin: 0px; padding: 10px;}
td {vertical-align: top;}
th {font-weight: bolder; text-align: center}
קוד:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title> - Admin</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1255" />
<link rel="stylesheet" type="text/css" href="css/admin.css" />
</head>
<body>
<!-- BASE -->
<div id="base">
<!-- Menu -->
<div id="menu">
<ul id="ul_menu">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
<li><a href="#">7</a></li>
<li><a href="#">8</a></li>
<li><a href="#">9</a></li>
</ul>
<br style="clear:both;" />
</div> <!-- end menu -->
</div> <!-- end base -->
</body></html>
הנה אפילו העלתי את העמוד לאתר שלי - 1234.html.
נ.ב - התפריט חייב להשאר במרכז העמוד!
|
ראשי
צ'אט
מצב כלאיים
