CSS въпрос

[kriss]

проблемът - картинката е в дива, но излиза:

css:
[css]
.hcont{height:auto;border:1px solid #CC0001;border-top:0;border-bottom-left-radius:7px;border-bottom-right-radius:7px;padding:0px;margin:0;}
.hcont img{border:1px solid #CC0001;border-top:0;border-left:0px;border-bottom-right-radius:7px;}
[/css]
html:

<h4><a href="?p=read_more&id=1">садсафасфасфсадасдса</a></h4><div class="hcont"><img src="images/no_image.png" width="150px" align="left">сафсфасфсадассадасфсафсадасдс<br />
асдсафдсафсафсдсадсадсадс садасдсафсад садсадса<br />
дасдсафа.. <a href="?p=read_more&id=1">[цялата]</a><div class="sub">Добавена на <b>12.11.2009, 16:30</b>, прочетена <b>760</b> пъти</div></div></div>

 

[dELux_nike]

[css].hcont{border:1px solid #CC0001;border-top:0;border-bottom-left-radius:7px;border-bottom-right-radius:7px;padding:0px;margin:0;}
.hcont img{border:1px solid #CC0001;border-top:0;border-left:0px;border-bottom-right-radius:7px;}
[/css]

<h4><a href="?p=read_more&id=1">садсафасфасфсадасдса</a></h4><div class="hcont"><img src="1.jpg" width="150px" align="left">сафсфасфсадассадасфсафсадасдс<br />
асдсафдсафсафсдсадсадсадс садасдсафсад садсадса<br />
дасдсафа.. <a href="?p=read_more&id=1">[цялата]</a><div class="sub">Добавена на <b>12.11.2009, 16:30</b>, прочетена <b>760</b> пъти</div>
<div style="clear:both;"></div></div></div>

така?

 

[kriss]

същото..

 

[CaTaHuK]

Ето моя резултат:

CSS:
[css].hcont
{
border: 1px solid #CC0001;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}

.hcont #a
{
padding: 3px;
background-color: #CC0001;
color: white;
}

.hcont #text
{
padding: 5px;
}

.hcont #subs
{
border-top: 1px solid #CC0001;
}[/css]

HTML:

<table cellpadding='0' cellspacing='0' class='hcont' width='600' align='center'>
	<tr>
		<td id='a' colspan='2'>садсафасфасфсадасдса</td>
	</tr>
	<tr>
		<td align='center' id='img' valign='top' rowspan='2'>
			<img src="images/no_image.png" width="150px" />
		</td>
		<td valign='top' id='text'>
		сафсфасфсадассадасфсафсадасдс
		сафсфасфсадассадасфсафсадасдс
		сафсфасфсадассадасфсафсадасдс... <a href="?p=read_more&id=1">[цялата]</a>
		</td>
	</tr>
	<tr>
		<td align='center' id='subs'>
			Добавена на <b>12.11.2009, 16:30</b>, прочетена <b>760</b> пъти
		</td>
	</tr>
</table>

 

[pweb]

[css]
.hcont{float: left;margin: 5px 10px 5px 5px;border:1px solid #CC0001;border-top:0;border-bottom-left-radius:7px;border-bottom-right-radius:7px;padding:0px;margin:0;}
.hcont img{border:1px solid #CC0001;border-top:0;border-left:0px;border-bottom-right-radius:7px;}
.sub{text-align: right;}
[/css]

<div>
<div class="hcont"><img src="1.jpg" width="150px" align="left"></div>
<h4><a href="?p=read_more&id=1">садсафасфасфсадасдса</a></h4>
сафсфасфсадассадасфсафсадасдс<br />
асдсафдсафсафсдсадсадсадс садасдсафсад садсадса<br />
дасдсафа.. <br>
<div class="sub"><a href="?p=read_more&id=1">[цялата]</a>Добавена на <b>12.11.2009, 16:30</b>, прочетена <b>760</b> пъти</div>
</div>

 

[kriss]

[css].hcont{border:1px solid #CC0001;border-top:0;border-bottom-left-radius:7px;border-bottom-right-radius:7px;padding:0px;margin:0;}
.hcont img{border:1px solid #CC0001;border-top:0;border-left:0px;border-bottom-right-radius:7px;}
[/css]

<h4><a href="?p=read_more&id=1">садсафасфасфсадасдса</a></h4><div class="hcont"><img src="1.jpg" width="150px" align="left">сафсфасфсадассадасфсафсадасдс<br />
асдсафдсафсафсдсадсадсадс садасдсафсад садсадса<br />
дасдсафа.. <a href="?p=read_more&id=1">[цялата]</a><div class="sub">Добавена на <b>12.11.2009, 16:30</b>, прочетена <b>760</b> пъти</div>
<div style="clear:both;"></div></div></div>

така?

това се получи, сложих <div class="clear:both;"></div> на още едно място
@CaTaHuK, не искам с таблица
@pweb така не стана
@dELux_nike +1