Onur Cinar
Grünschnabel
Hallo Leute ich bin gerade dabei eine Internetseite zu machen
hab dabei ein Problem.
also ich habe drei buttons
und will eine bild hinter den buttons legen jedoch ist das bild drüber und pberdeckt die buttons
ich habe es versucht mit z-index mir zu helfen was nicht besonderes erfolgreich was.
das sind meine buttons
Das mein bild
die Css
hab dabei ein Problem.
also ich habe drei buttons
und will eine bild hinter den buttons legen jedoch ist das bild drüber und pberdeckt die buttons
ich habe es versucht mit z-index mir zu helfen was nicht besonderes erfolgreich was.
das sind meine buttons
HTML:
<div class="section black" id="section1">
<ul class="nav">
<li>
<a href="#section1" class="button" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','images/buttons/homeover.png',1)">
<img src="images/buttons/home.png" border="0" id="Image3" />
</a>
</li>
<li>
<a href="#section2" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','images/buttons/portfolioover.png',1)"><img src="images/buttons/portfolio.png" border="0" id="Image5" /></a>
</li>
<li>
<a href="#section3" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image7','','images/buttons/kontaktover.png',1)"><img src="images/buttons/kontakt.png" id="Image7" /></a> </li>
</ul>
</div>
Das mein bild
HTML:
<div style="position:absolute; top:60px;left:138px" class="pinnwand">
<img src="images/dinge/pinnwand.png" alt="" width="1086" height="613" />
</div>
die Css
HTML:
#pinnwand{
z-index:1;
}
#section1{
z-index:2;
}
was mach ich falsch :(