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-Code:

<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-Code:

<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-Code:

#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...

ich hab schon ein Hintergrundbild
das fällt wohl flach

Warum für den div kannst du doch ein neues nehmen?