[CSS]float left dla obrazka Opcje

[szczemp]

robię sobie taki mały szablon dla pewnej strony (nie mogę ingerować w kod html bo generuje go jakiś skrypt)
mam do ostylowania taki fragment

[HTML] pobierz, plaintext 
<div class = "wpis">
	<h1>tytuł</h1>
	<span class = "data">2011-11-11 11:11</span>
	<img src = "icons/ikona.jpg" alt = "tytuł"/>
	<p>kawałek tekstu</p>
</div>
[HTML] pobierz, plaintext 

i mam do tego taki css

[HTML] pobierz, plaintext 
.wpis img {
	margin: 0px 15px 10px 0px;
	float: left;
}
.wpis p {
	font-size: 12px;
	line-height: 18px;
	text-align: justify;
}
[HTML] pobierz, plaintext 

możliwości wygenerowania kodu html są trzy:
będzie obrazek i mało tekstu (pierwszy przykład)
będzie obrazek i dużo tekstu (drugi przykład)
nie będzie obrazka (trzeci przykład)

i jest problem z obrazkiem
ma on być po lewej stronie a tekst oblewać go po prawej
niby działa dobrze ale jeśli jest mało tekstu to wychodzi z diva
nie wychodzi z diva jeśli dam mu float: left, ale wtedy nie oblewa go tekst
divowi też nie mogę dać minimalnej wysokości 150px (wysokość obrazka), bo jak jest mało tekstu to kijowo wygląda taka dziura

[szczemp]

Daj jakiś element z clear:both pod koniec akapitu.

pisałem, że nie mogę ingerować w kod html bo jest generowany przez skrypt

lepiej overflow: hidden dla otaczajacego diva.

działa

[HTML] pobierz, plaintext 
.wpis {
overflow: auto;
}
[HTML] pobierz, plaintext 

też działa

dzięki

jeszcze jedno pytanie
mam diva a w nim linki

[HTML] pobierz, plaintext 
<div class = "box">
     <a href = "#">link</a>
     <a href = "#">link</a>
     <a href = "#">link</a>
</div>
[HTML] pobierz, plaintext 

i chcę żeby każdy link był w nowej lini
też nie mogę nic dodać do htmla tylko cssem to muszę zrobić
można to jakoś zrobić inaczej niż display: block dla a?
chodzi o to że block ba długość na całego diva
i np

[HTML] pobierz, plaintext 
a:hover {background: red}
[HTML] pobierz, plaintext 

zmienia tło na całym bloku a chciałbym tylko pod tekstem


Ten post edytował szczemp 9.07.2012, 07:07:50