Див да се разтяга...

[Fakeheal]

Здравейте,

имам следния проблем. Направих си <div> и му зададох boreder:1px solid black; и в този див си сложих картинка, но уви не се разтяга според картинката. Ако въвежда текст всичко е ок, но при картинката излиза проблема.

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

 

[IzKuFeLiQqQqQ]

<div><img src=""></img></div> :idea:

 

[Fakeheal]

<style>
div {
	width: 460px;
	border: 1px solid black;
}
p {
	width: 470px;
	margin-top:-3px;
	margin-bottom:-5px;
	text-align:justify;
}
</style>
<div><p><img src="kartinka.png" width="150" /></p></div>

Това ми е примерния код, ама както виждаш картинката е в кофти положение...

 

[IzKuFeLiQqQqQ]

div {width: 460px;
border: 1px solid black;
backgroung:url(p1t) no-repeat;} ???

 

[Fakeheal]

div {width: 460px;
border: 1px solid black;
backgroung:url(p1t) no-repeat;} ???

Проблема ми е,че тази картинка я извеждам от база данни в цикъл и не мога да я задам за бекграунд.

 

[Anonymous]

Просто задай width: auto , не му задавай на дива размери :?:

 

[adrian]

Или задай на снимката

<img src="#" width="" height="" alt="" />

Другото, което виждам е, че дива ти е с 460px width, a "p", който е в него е 470 :shock:
И изобщо защо ти е да ограждаш снимката в <p> ?

 

[Fakeheal]

Или задай на снимката

<img src="#" width="" height="" alt="" />

Другото, което виждам е, че дива ти е с 460px width, a "p", който е в него е 470 :shock:
И изобщо защо ти е да ограждаш снимката в <p> ?

Дори да ги сменя пак е така. Не мога да задам height, защото знаеш как ще се сплеска, трябва да се осързмерява пропорционално. В параграф е ,защото след картинката вадя и текст от базата данни.

 

[sentenello]

Както каза @Replace

Просто задай width: auto , не му задавай на дива размери :?:

Това е решението.

 

[adrian]

Ако зададеш само width на снимката височината се калкулира да е пропорционална Без да го ограничиш самия <img> таг няма как да стане, освен ако не направиш както ти казват width: auto;

 

[Anonymous]

<style>
div {
float: left;
display: inline;
border: 1px solid black;
}
p {
text-align:justify;
}
</style>
<div><p><img src="kartinka.png" width="150" /></p></div>

 

[Fakeheal]

<style>
div {
float: left;
display: inline;
border: 1px solid black;
}
p {
text-align:justify;
}
</style>
<div><p><img src="kartinka.png" width="150" /></p></div>

С това се получи. Мерси много! :?:

 

[shterev]

задай на img-to display:block;