картинка и текст на 1 ред

[Liberate]

винаги когато слагам примерно
<img src="..."><p>...</p>
винаги излизат на 2 реда... как да го направя така че да излизат на 1 ред?

едит: и защо когато наглася на някой елемент float left или right то дива в който са винаги се свива и елемента не заема място!?

 

[088777_]

Ако искаш картинката да е до текста ето ти един лесен пример:

Пример с линк:

<a href="$LOGOUT_LINK$" title="Излез"><img alt="" src="http://cstrike-help.ucoz.net/images/icon_mini_login.gif" align="" border="0"> Излез</a>

Пример без линк:

<img alt="" src="http://cstrike-help.ucoz.net/images/icon_mini_login.gif" align="" border="0"> Излез

 

[Liberate]

не намирам никъв смисъл от това което си написал... единствената разлика от нормалното е че си задал align="" което е напълно безмислено
примера ти просто показва 1 картинка и някъв надпис... но проблема си остава :\

 

[emagi]

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

<img src="..." style='float:left;'><p style='float:left; display:inline;'>...</p>

 

[Liberate]

браво емаги мерси точно това ми трябваше, но искам да те питам още едно нещо което съм уточнил в едит-а: защо parent див-а не зачита елемент в него, на който е зададен флоат, сложа ли флоат на елементите в него го счита за празен и е height: 0 а елементите си стърчат...

 

[Liberate]

а хора оправих се, просто сложих overflow hidden
п.с. емаги давам ти точка

 

[shterev]

Значи по въпроса ти защо родителския див е с височина 0 , ето ти оговора:

Когато зададем на елементи флоат- лефт/райт , то те стават плаващи елементи , след тях трябва да се изчисти тоя флоатинг , за да може родителския елемент да се разпъне - да има височина.Ето ти и пример:

<div style="border: solid 1px red;">

<div style="width:300px; height:300px; float:left;">
някакъв си див , който е в ляво
</div>
<div style="width:300px; height:300px; float:left;">
някакъв си див , който е в дясно
</div>

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

</div>

Този див в червено изчиства флоатинга и вече родителския див се разпъва и има височина.

п.с. дано нямам правописни грешки

 

[Liberate]

а ми всъщност това което ми показва опита който направих и това което казваш ти напълно си противоречат като го сложих тоя clear both див-овете се смалиха допълнително и вече стои мястото в тях само от падинга

 

[shterev]

я си дай кода. Това , което съм казал си е точно така както трябва да е.Просто флоатинга се изчиства и родителя се 'вижда', а не е с 0-лева височина.А и clear:both; се слага на последния див и ролята му е само да изчисти- по-принцип при мен в цсс-а clear:both дива изглежда така:

.cleaner {
clear:both;
height:0px;
line-height:0px;
font-size:0px;
}

Всичко е нулирано , защото пък в ИЕ има проблеми