вопос с DIV

Uragan · May 4, 2009

Камрады, помогите пожалста нужно сделать вотк акую штуку. есть два дива с содержанием. Они в позиции float:left от дуг дуга находятся в в ТД-эшке где ещо куча вещей разных между ними есть расстояние необходимо сделать это расстояние такого же цвета как они

Но выделять их в отдельную ДТ-ешку или красить всю ТД-эшку нельзя подсажите чё делать. создал между ними еще один див но так как он не заполнен он не отображается...

<font face="Verdana"><div style="float:left; background-color:f4f4f4;">Ocomments</div></font>
	<div style="background-color:f4f4f4;float:left;"></div>
	<font face="Verdana"><div style="float:right; background-color:f4f4f4;">read more...</div></font>

CoDy · May 4, 2009

а если эти 2 дива поместить в 3, а не ставить его между ними:

<div style="float:left; background-color:f4f4f4;">Ocomments</div>

</div>

Uragan · May 4, 2009

Не-а не работает <_<

CoDy · May 4, 2009

выложи код содержимого ячейки

и как задается растояние между дивами?

Uragan · May 4, 2009

вот оно <_<

<td width="50%">
	<img src="prom1.gif"</img><br>
	<font face="Verdana"  color="blue"><div style="background-color:88cde7;">Post title</div></font >
	<img src="prom2.gif"style="margin-bottom:10px;"><br>

	<font face="Verdana"><div style="background-color:f4f4f4;">Text</font><br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br></div>
	<font face="Verdana"><div style="float:left; background-color:f4f4f4;">Ocomments</div></font>
	<div style="background-color:f4f4f4;"></div>
	<font face="Verdana"><div style="float:right; background-color:f4f4f4;">read more...</div></font>

CoDy · May 5, 2009

вот это нада вынести в таблицу стилей:

* {padding: 0;

margin: 0;

border: 0;}

.container {background-color:#f4f4f4;

font-family: Vendara;}

.clear {clear:both;}

а это твои блоки:

<div style="float:left;">Ocomments</div>

</div>

если не хочешь отдельно выносить таблици стилей тогда так:

<div style="float:left;">Ocomments</div>

</div>

и еще когда задаешь параметру цвет, то перед значением нужно ставить "#":

background-color:#f4f4f4;

psywalker · May 5, 2009

Uragan ещё тебе такой вариант

<!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" />
<title>Float</title>
<style type="text/css">
 *{ margin: 0; padding: 0;}
 div#wrap { 
		 background: #9F3; 
		 overflow: hidden; /* для всех броузеров*/
		 height: 1%;  /* для IE6-7 броузеров*/
 }
   div.left { float: left; width: 200px; height: 200px; background: #903;}
   div.right { float: right; width: 200px; height: 200px; background: #930;}
</style>
</head>

<body>
  <div id="wrap">
	<div class="left">Left</div>
	<div class="right">Right</div> 
  </div>
</body>
</html>

<_<

Edited May 5, 2009 by psywalker

Uragan · May 5, 2009

всем спасибо-попробую

Uragan · May 6, 2009

Огромное спасибо в особенности камраду CoDy всё работает!

Sign In

вопос с DIV

Question

Uragan

Link to comment

Share on other sites

8 answers to this question

Recommended Posts

CoDy

Link to comment

Share on other sites

Uragan

Link to comment

Share on other sites

CoDy

Link to comment

Share on other sites

Uragan

Link to comment

Share on other sites

CoDy

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Uragan

Link to comment

Share on other sites

Uragan

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information