Spyme
Dabei seit: 14.10.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 12.02.2009 14:56
Titel
|
|
|
Eigentlich ist da nichts was sich überlappt, jedenfalls sollte es das nicht.
Das ist nur mal grob und soll noch nen bisschen eigene Denkweise beinhalten:
Code: |
<div id="optionField">
<img src="bild" alt="#" />
<div id="textOptions>Die ganzen Optionen und was auch immer</div>"
<br class="hier das float kalt machen" />
</div>
CSS:
#optionField {
background: transparent url(../ordner/bild.bild) no-repeat;
width: 240px;
min-height: 40px;
padding: 5px;
}
#optionField img {
float: left;
width: 50px;
height: 50px;
margin-right: 10px;
border: 0 none;
}
div#textOptions {
float: left;
width: 130px;
min-height: 30px;
}
|
Für richtiges überlappen nimmt man den "Z-Index" und der gilt nicht nur für Bilder.
Ich hoff das hat ne Ecke geholfen.
Edith ist noch eingefallen: Bitte bei nem margin nach links, display: inline; setzen. Spart nen neuen Beitrag
Zuletzt bearbeitet von Spyme am Do 12.02.2009 14:59, insgesamt 1-mal bearbeitet
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 12.02.2009 14:58
Titel
|
|
|
Doch, natürlich, geschachtelte Elemente sind geschichtet, da benötigt man keinen z-index.
Das gleiche machst du dir in deinem Beispiel ja auch zu Nutze, egal ob eine Grafik oder ein
anderes Element mit Hintergrundgrafik.
Zuletzt bearbeitet von m am Do 12.02.2009 14:59, insgesamt 1-mal bearbeitet
|
|