Hintergründe über Float hinaus erweitern
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
-
Hi
Ich habe ein kleines Problem mit einem Bild, das ich per CSS (float:left;) an den linken Rand bef?rdert habe. Leider ist der Text in dem Fall k?rzer als das Bild hoch. Nun ragt das Bild nach unten aus dem Farbigen Hintergrund heraus. Hat jemand ne Idee, die ich das l?sen kann? Hier die Seite: http://duesdings.du.funpic.de/index.php?id=links&lang=de (&lang = & l a n g)
<div class="linkbox">
<div style="float: right; padding-right: 2px;">
<img src="images/tld/org.gif" alt="org">
<img src="images/lang/de.gif" alt="de">
</div>
<h3 class="linkbox"><a href="http://de.wikipedia.org/" class="hell">Wikipedia (de)</a></h3>
<img src="images/www/wikipedia.jpg" alt="Wikipedia (de)" style="float:left; padding-left:2px;">
<p style="padding-left:2px;">Wikipedia. Die freie Enzyklop?die.</p>
<div class="small" style="padding-left:2em;">
<a href="http://de.wikipedia.org/">http://de.wikipedia.org/</a>
</div>
</div>
Beitrag ge?ndert am 9.06.2006 11:00 von duesdings
Beitrag ge?ndert am 9.06.2006 11:00 von duesdings -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Setze einfach ein paar <br />s in den entsprechenden <div> und schon hat der Text eine gr??ere H?he als das Bild.
Man k?nnte das auch mit CSS l?sen, aber in diesem Fall ist sowas g?nstiger. -
Ich w?rds mit CSS l?sen. Auf dem unteren Teil des Bildes der ?berlappt erkennt man eh nicht viel.
Pack in deine CSS Definition f?r das DIV Element noch ein "overflow: hidden;" mit rein. Dann wird das Bild abgeschnitten sobald der DIV Ausschnitt zu klein ist. -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
