• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Bild auserhalb der Div berreichs

T4k3C4r3

Mitglied
Guten Tag.

Ich wollte mal nachfragen, wie man verhindern kann , wenn man ein bild in einer Div Box hat, was aber über den "Border" der Div hinaussteht.

Mein Script:

HTML:
<div style="border:2px solid #D7D7D7;">
    <div><a href="Link zu Bild" ><img src="thumbs/Bildname.*" width="100" height="120" /></a></div>
    <a href="Link zu dem Bild'" ><b>Title des Bilds</b></a>
    </div>

PS: Ich verwende bewusst mehrere Divs und die Pfadangaben und der Titel der Bilder werden automatisch mit PhP generieret und ausgewertet.

Freu mich auf Antworten

Mfg
 
Ich scheitere gerade an der Fragestellung:

Ich wollte mal nachfragen, wie man verhindern kann , wenn man ein bild in einer Div Box hat, was aber über den "Border" der Div hinaussteht.

Das Bild ragt also über das <div> hinaus? Dafür sehe ich bei dem gezeigten Quellcode aber keinen Grund? Oder willst Du das erreichen?
 
Ich vermute mal, dass du float:left oder overflow:hidden suchst.
Beispiele:
Code:
 <p style="border:1px solid #000;margin:3px;padding:10px;"><a href="Link zu Bild" ><img  style="margin:0 3px 3px 0;float:left;" src="bild2.jpg" width="100" height="120" /></a>dasdasd dadsad dsadgdfg fhfghfgh</p> <!-- Bild ragt hinaus -->

 <p style="border:1px solid #000;float:left;margin:3px;padding:10px;"><a href="Link zu Bild" ><img  style="margin:0 3px 3px 0;float:left;" src="bild2.jpg" width="100" height="120" /></a>dasdasd dadsad dsadgdfg fhfghfgh</p> <!-- Bild ragt hinaus -->
 
Zurück
Oben