Текст срещу div-a

[Foxy]

Имам един див, който е позициониран от дясно и текст от ляво до него. Когато напиша текст и дива се изместа надолу. Как да го оправя?

div.car {
width: 140px;
height: 200px;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
background-color: #fff;
float: right;
}

 

[emagi]

Пробвай така:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
<style type="text/css">

div.car {
width: 140px;
height: 200px;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
background-color: #fff;
float:left;
}
</style>
</head>

<body><span style="float:left">agsdfgsdfgsdfhhhhhhh dfgjh dfgh dfghedfg slkdf ghfskdg flgd flkhgfs jkldgf ks</span>
<div class="car"></div>
</body>
</html>

 

[Foxy]

не стана

 

[FRGT10]

Така, както emagi ти каза, само сложи едно width: няколко px; към style на span-a. При мен работи.

 

[shterev]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style>

div.car {
width: 140px;
height: 200px;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
background-color: #fff;
float: right;
}

</style>
</head>

<body>

<div class="car"></div>

Lorem ipsuim is simply dummy text.Lorem ipsuim is simply dummy text.
Lorem ipsuim is simply dummy text.Lorem ipsuim is simply dummy text.
Lorem ipsuim is simply dummy text.Lorem ipsuim is simply dummy text.

<div style="clear:both;"></div>
</body>
</html>


Дива ти се измества , защото слагаш текста преди дива! Виж къде съм сложил дива , а ТЕКСТА е след него , така не се отмества.

 

[Foxy]

не стана ето какво е:

<div class="body">
gf
<div class="car"></div>
<br /><br /><br /><br /><br />
</div>

div.body {
width: 890px;
height: auto;
background-color: #fff;
padding-left: 10px;
}

div.car {
width: 140px;
height: 200px;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
background-color: #fff;
float: right;
}

 

[shterev]

Прочети предния ми пост внимателно и забележи къде е дива- преди текста трябва да е! От тоя код , последния който го написа , какво очакваш бял фон ли? Няма да стане , защото трябва да добави6 <div style="clear:both;"></div> след текста.

 

[Foxy]

Прочети предния ми пост внимателно и забележи къде е дива- преди текста трябва да е! От тоя код , последния който го написа , какво очакваш бял фон ли? Няма да стане , защото трябва да добави6 <div style="clear:both;"></div> след текста.

не ти бях видял поста. помогна ми +1