Bildebene nach untern verschieben

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
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 :(
 
Versuche es mal mit nem DIV Container der als Hintergrund bild dein Bild hatt :)
Hoffe es hilft

Mfg
TheHacker


PS: SO habe ich das mal gelöst...
 
Zurück