Проблем с таблица

[SpiroLuz]

Здравейте пробвах няколко пъти да направя такава таблица, но не успях да направя така, че искам помощ от вас !
Ето картинка как искам да изглежда таблицата..

линк към картинката: http://prikachi.com/images/390/2750390M.png

 

[kikity_94]

Нещо такова?

<table border="1" width="250" height="66"  cellspacing="1" cellpadding="1">
<tr>
	<td style="width: 4px; height: 66px; background: green;"></td>
	<td style="width: 75px; height: 66px; border: 1px solid;">asd</td>
	<td class="td3">
		<table cellspacing="0" cellpadding="0">
			<tr><td>Текст</td></tr>
			<tr><td>Текст</td></tr>
			<tr><td>Текст</td></tr>
			<tr><td>Текст</td></tr>
		</table>
	</td>
</tr>
</table>

Само си го стилизирай щото изглежда много дървено

 

[dELux_nike]

а защо точно с таблица ? няма ли да е по-лесно с дивове?

 

[exec]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />   
<style>

div.item {
	width: 300px;
	height: 80px;
	background-color: #262626;
	border-left: solid 4px #b6ce44;
}

div.item img {
	float: left;
	margin: 10px;
}

div.item ul {
	list-style-type: none;
	font-size: 11px;
	font-weight: bold;
	font-family: Tahoma;
	color: #555;
	margin-top: 9px;
	padding-left: 0;
	float: left;
}

div.item ul li {
	border-bottom: solid 1px #3a3a3a;
	width: 195px;
	display: block;
}

</style>
</head>

<body>
	<div class="item">
		<img src="/images/file.jpg" width="75" height="60" />
		<ul>
			<li>Текст</li>
			<li>Текст</li>
			<li>Текст</li>
			<li>Текст</li>
		</ul>
	</div>
</body>

</html>

 

[kikity_94]

а защо точно с таблица ? няма ли да е по-лесно с дивове?

ем човека каза че не може да направи такава Таблица

 

[headsho7]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>

.kutiq
{

height:100px;
width:250px;
float:left;
border-left:green 5px solid;
background-color:gray;

}


.kutiq img
{

float:left;
margin:5px;
padding:5px;
}

.kutiq ul
{
list-style-type:none;
padding-left:100px;
}

.kutiq ul li
{

text-decoration:underline;
list-style-type:none;


}



</style>
</head>

<body>
<div class="kutiq">
<img src="file.png" width="75" height="60" />
<ul>
<li>?????</li>
<li>?????</li>
<li>?????</li>
<li>?????</li>
</ul>
</div>
</body>

</html>