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:
  1. .bal_sav{  
  2. float:left;  
  3. width:65%;  
  4. padding:0px;  
  5. margin:0px 0px 0px 10px;  
  6. background-color:#fff;  
  7. }  
  8. .bal_sav p{  
  9. border-bottom:1px solid #ccc;  
  10. margin:0px 0px 15px 10px;  
  11. padding:0px;  
  12. }  
  13.   
  14. .kep{  
  15. float:right;  
  16. margin:5px 0px 5px 10px;  
  17. padding:5px;  
  18. border:1px solid #ccc;  
  19. }  
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:
  1. float:rightright;  
  2. /* helyett */  
  3. 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:
  1. float:right  
4

Re: Téma megoldva

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