ugrás a tartalomhoz

Kép túl lóg a szövegen

catfish · 2008. Jan. 20. (V), 12.35
Sziasztok!
A problémám a következő:
Van egy változó szélességű tartalmam. A bekezdés szövegem is emiatt változó szélességű, tehát ha növelem a felbontást akkor a szöveg szélesebb lesz tehát emiatt a magassága lecsökken. Így viszont a kép amit a szöveghez illesztek be egy div-be túl lóg a szöveg magasságán. Ez így marha rondán néz ki!
Mit lehet tenni ebben az esetben? (Természetesen nem akarok javascriptet betenni a felbontás figyelésére)
Az alábbi formázás érvényes a képre és a bekezdés szövegre:

.bal_sav{
float:left;
width:65%;
padding:0px;
margin:0px 0px 0px 10px;
background-color:#fff;
}
.bal_sav p{
border-bottom:1px solid #ccc;
margin:0px 0px 15px 10px;
padding:0px;
}

.kep{
float:right;
margin:5px 0px 5px 10px;
padding:5px;
border:1px solid #ccc;
}
Szerintetek mit lehet tenni annak érdekében hogy ne csordúljon túl a képem a szövegemen?
Köszönöm a segítségetek!
‹ JavaScript form elem disabled több form esetén Text align - div tagon ›
 ■
1

mutasd

juhasztibi · 2008. Jan. 21. (H), 12.12
Ha mutatsz róla egy teszt oldalt, akkor könnyebb lesz válaszolni a kérdésedre.
2

Válasz

sly · 2008. Jan. 21. (H), 22.15
Azt tudom ajánlani, hogy a képet mint háttér szúrd be és mondjuk margin-val, vagy padding-val pozicionáld el a fölötte lévő szöveget. Azért kell háttérként a kép mert nem lehet egy tartalom szerint méreteződő "doboznak" overflow: hidden-t adni.

egyébként hibás a kódod:

float:rightright;
/* helyett */
float:right;
3

Téma megoldva

Charybdis · 2008. Jan. 22. (K), 00.28
Már megoldottam a témát a prog.hu-n, úgyhogy ezt le lehet zárni:
Megoldott téma a Prog.hu-n

Off: bug a kódszínezőben, kétszer írja ki a right szót, lásd a fenti két hozzászólást. És itt is:
float:right
4

Re: Téma megoldva

sly · 2008. Jan. 22. (K), 02.22
Valóban :-D