css float

[E-mail]

код очень прост, у меня блок с классом :.



Код:

Код: Выделить всё

.view
	{padding:10px;
	text-align:justify;}

и всё, потом в блок ставишь картинку и толку 0

[CTEPBA]

Так вот это в HTML документе:



Код:

Код: Выделить всё

<div class="home">
		<div class="shapka" style="background-image:url(../img/new_shapka.gif); background-repeat:repeat-x;">
			<div class="news_name"><b>New1</b></div>
			<div class="news_date"><b>DATE</b></div>
		</div>
		<div class="view">
		<img src="../img/book/1144095776_DProf000.jpg" align="left" style="padding-right:10px; padding-bottom:10px" />Здесь текст
		</div>
	</div>

Вот что в CSS:



Код:

Код: Выделить всё

.home
	{border-left:1px #FFFFFF solid;
	border-right:1px #FFFFFF solid;
	border-bottom:1px #FFFFFF solid;
	margin-bottom:30px;
	padding:0px;
	clear:right;}
.shapka
	{height:20px;
	color:#000000;
	font-style:inherit;
	margin-left:0px;}
.view
	{padding:10px;
	text-align:justify;}

Вот все что нужно.

Гнаницей блока с классом home ограничивается только текст, а если картинка больше текста она выступает.