webForumDet fria alternativet

Bild till vänster om två div'ar

HTML & CSS

2 svar · 182 visningar · startad av mmmMange

Medlem sedan jan. 2005110 inlägg
Frågan#1

Såhär ser min HTML ut (förenklad såklart):

<div id="a">
<img>
<div id="b"></div>
<div id="c"></div>
</div>

Vad jag vill åstadkomma är att bilden ska ligga till vänster om b och c, och b och c ska ligga under varandra. Om jag använder "float: left" på bilden, så resizas inte a till att passa höjden på bilden. Men jag lyckades lösa det halvvägs genom att sätta "display: inline" på bilden. Men då kom nästa problem: b och c skulle ju vara under varandra, men de hamnar bredvid varandra istället! Och om jag lägger in en <br> mellan dem så hamnar b till höger om bilden (där den ska vara), medans c hamnar under bilden!

Känns lite som att jag borde använda float på bilden, men hur får jag a till att anpassa sin höjd efter bildens höjd då???

Medlem sedan jan. 2000978 inlägg
#2

Är det alltid samma bild med samma mått?
Är bilden bara design? Isåfall borde du infoga den som en bakgrundsbild med CSS.

Medlem sedan jan. 2005110 inlägg
#3

Nope, bilden varierar i storlek - det är användarna av sajten som laddar upp dem. Bredden är dock alltid 160px eftersom jag skalar ner den med ett PHP-skript, men det hjälper ju inte så mycket :o)

263 ms totalt · 4 externa anrop · v20260731065814-full.86ec41c2
128 ms — deklarationer (db)
0 ms — hämta statistik (cache)
131 ms — hämta tråd, inlägg och bilagor (db)
122 ms — ändringar (db)