Homepage selbermachen 7.846 Themen, 35.563 Beiträge

CSS: div-box mit grafik treibt mich in den wahnsinn

Silent Bob / 11 Antworten / Flachansicht Nickles

hallo,

ich übe zur zeit ein wenig css. soweit so gut.

nun habe ich mit div-boxen ziemliche probleme, wenn ich dort bilder einfügen will.
aktuelles beispiel:
ich habe eine div box exakt positioniert mit diesen werten:

.box1 {
background:silver;
border:1px solid black;
margin:1px;
padding:0px;
height:150px;
width:150px;
}

nun mache ich ein div-tag auf und füge mit IMG SRC (ohne weitere parameter) ein bild ein, das ebenfalls EXAKT 150x150 ist.

ziel ist, dass das bild die box komplett ausfüllt, somit exakt positioniert ist und auch noch den schwarzen rahmen der box trägt.

aber das klappt nicht. ständig habe ich eine verschiebung. also das bild scheint nach oben verschoben und ich habe unten ca. 1mm platz zwischen bild und unterem box-rand, obwohl halt box und bild exakt 150x150 pixel breit/hoch sind.

wo kommt das??? ich versteh das nicht.


p.s. wie postet man hier vernünftig html quellcode?

danke

bei Antwort benachrichtigen
Antwort Borlander
Antwort xafford
Antwort Silent Bob
Silent Bob Nachtrag zu: „CSS: div-box mit grafik treibt mich in den wahnsinn“
Optionen

hi,

das posting von borlander hab ich verstanden. kein problem, aber bei xaffords bin ich noch am grübeln.

was ist ein CR-LF?

allerdings besteht das problem immer noch.
die box deklaration aus meinem oberen posting ist gleich geblieben.
dann habe ich jetzt den tag für die box so abgeändert:

<div class="box1"><img src="banner2.jpg" height="150" width="150"></div>

aber die verschiebung, bzw. der unterezwischenraum ist immer noch da :-(

*grmpf*

bei Antwort benachrichtigen