HI!
ich habe da ein kleines Problemchen.
Wie kann ich einem Div oder ähnlichem "beibringen" das es bei einer GroessenVeränderung durch a:hover des enthaltenen Bildes sich ueber alle anderen divs legt und diese nicht zur Seite schiebt!
Folgendes Beispiel dazu:
HTML-Code:
<html><head>
<style type="text/css"><!--
.ebene1 {background-color:red;text-align: center; margin-top: 100px;border:1px solid; border-color:red;}
.ebene2 {background-color:blue;position: relative; width: 564px; height: 192px; border: 1px solid black; text-align: left;
border:1px; border-color:blue}
.ebene3 {background-color:yellow; position: absolute; bottom: 10px; left: 0px; width: 564px; z-index: 1;}
.ebene4 {background-color:white; position: absolute; top: 10px; left: 0px; width: 64px; z-index: 1;}
#bildbox a img {
height:94px;
width:125px;
float:center;
margin: 0 0 0px 0px;
postion:absolute;
}
#bildbox a:hover img {
width:269px;
height:202px;
postion:absolute;
}
#bildbox a:hover {
padding:0;
postion:relative;
}
#bildbox2 a img {
height:94px;
width:125px;
float:center;
margin: 0 0 0px 0px;
postion:absolute;
}
#bildbox2 a:hover img {
width:269px;
height:202px;
postion:absolute;
}
#bildbox2 a:hover {
padding:0;
postion:absolute;
}
#bildbox3 a img {
height:94px;
width:125px;
float:center;
margin: 0 0 0px 0px;
postion:absolute;
}
#bildbox3 a:hover img {
width:269px;
height:202px;
postion:absolute;
}
#bildbox3 a:hover {
padding:0;
postion:absolute;
}
//--></style>
</head><body>
<div class="ebene1">
<div class="ebene2">
<div id="bildbox">
<a href="villas/1/aussen1.jpg"><img src="villas/1/aussen1.jpg" alt="Bild1" /></a>
<div id="bildbox2">
<a href="villas/1/aussen1.jpg"><img src="villas/1/aussen1.jpg" alt="Bild1" /></a>
<div id="bildbox3">
<a href="villas/1/aussen1.jpg"><img src="villas/1/aussen1.jpg" alt="Bild1" /></a></div></div></div>
<div class="ebene4">
</div>
</div>
</style>
</body>
es sollte so sein das das gerade aktive div somit den z-index:am höchsten hat!
nicht meckern ueber unvollständigen oder sinnlosen code ... habe hier und da ein bisschen probiert und mein Orginal dabei natuerlich verworfen ...
(Strg+S ist ne feine Erfindung nur zu schnell zu erreichen ...
)
Ich möchte die ganze Sache natuerlich nur in CSS definieren und nicht noch zusätzlich Javascript o.ä. draufpacken, da dieses nur der Anfang für eine Datenbank generierte Seite ist ...
noch ein kleines Problemchen nebenbei: meine Finger liegen schon halb abgebrochen auf der Tastatur, deshalb bin ich auf der Suche nach einem anständigen Html/CSS/PHP Editor der bis auf Syntaxhervorhebung und die wichtigsten CSS Eigenschaften automatisch einfuegen nichts weiter zu können braucht.
Bloss das was ich bisher gefunden habe war irgendwie nicht das ... wahre TopStyles Css Editor fällt auch flach ist mir schon zu viel ... ich möchte schnell und unkompliziert.
Wenn ich schon die Hälfte schreiben muss dann will ich ueber die andere Hälfte auch volle Kontrolle haben...
So Danke fuers Lesen und fuer Eure Antworten
LooM
eine LiveAnsicht des Problems gibts unter
http://www.n-re.com/beta/try/villas.html
Manchmal ... 
