בעיה בעיצוב בCSS של טבלה

AgentZ · 2009 ביולי 29

אהלן חברים ,

אני מנסה ללא הצלחה לעצב את הטבלה כך שבצבע הרקע של הטבלה יכסה רק את השטח שבו כתוב משהו , בניגוד למה שהמצב עכשיו (צירפתי תמונה).

קוד הHTML :

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1255" />
<link rel="stylesheet" type="text/css" href="menu.css" /> 
<title>example</title>
<style>
.index{background-position: 1px 30px;}
</style>
</head>
<body>

<div align="center" dir="rtl" id="body">
<ul id="menu">
<li><a href="contact.html" class="contact"><em>צור קשר</em></a></li>
<li><a href="samples.html" class="samples"><em>עבודות</em></a></li>
<li><a href="info.html" class="info"><em>מידע</em></a></li>
<li><a href="index.html" class="index"><em>דף הבית</em></a></li>
</ul><br />
<table id="text">
<tr><td>
בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה <br />
בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה <br />
בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה <br />
בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה <br />
בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה <br />
</td></tr>
<tr><td>
</table>
</div>
</body>
</html>

קוד הCSS :

ul#menu{list-style-type:none; width:800px; position:relative;top:0;left:45;}
ul#menu li{float:left; padding:0; margin: 0 3px 0 0;}
table#text{width:500px; position:relative; top:0; right:45; background-color:f6ecaa; background-position: center middle;padding: 0px 90px 0px 0px; margin:0px 5px 0px 0px; border:0px;}
table#text tr td{align: right;}
div#body{}