[CSS] Links werken niet in DIV

[Matthijs1982]

Ik heb onderstaande CSS. Nu heb ik in de DIV submenu een afbeelding met een link erop. Deze zijn gewoon zichtbaar, maar niet aanklikbaar. In Firefox werkt het wel.
Weet iemand wat ik verkeerd doe?

Cascading Stylesheet:

#oranjebalk{
  width: 100%;
  height: 218px;
  position: absolute;
  left: 0px;
  top: 127px;
  font-family: Verdana, Arial, Helvetica, Sans-serif;
  font-size: 10px;
  color: #FFFFFF;
  background-image: url("../afbeeldingen/bg_oranjebalk-trans.png");
  background-repeat: repeat-x;
  z-index: 0;
}

#foto{
  width: 217px;
  height: 218px;
  position: absolute;
  left: 0px;
  top: 0px;
  border: 0px;
  z-index: 1;
}

#bgoranjebalk{
  width: 401px;
  height: 218px;
  position: absolute;
  left: 217px;
  top: 0px;
  padding: 20px;
  background-image: url("../afbeeldingen/bg_oranjebalk.png");
  background-repeat: no-repeat;
  background-position: left top;
  font-family: Verdana, Arial, Helvetica, Sans-serif;
  font-size: 10px;
  color: #FFFFFF;
  z-index: 1;
}

#submenu{
    width: 179px;
    height: 189px;
    float: right;
    margin-top: 5px;
    margin-right: 0;
    position: relative;
    z-index: 2;
}

Dit is de HTML:

HTML:

<div id="oranjebalk">
<div id="foto"><img src="../afbeeldingen/foto_zeilboot.jpg" width="217" height="189" alt="test" /></div>
<div id="bgoranjebalk">
Hier komt tekst.
</div>

<div id="submenu">
  <div align="right"><img src="../afbeeldingen/titel_specialisaties.png" width="174" height="25" alt="Onze Specialisaties" />
  </div>
</div>
</div>

[ Voor 29% gewijzigd door crisp op 22-06-2006 15:42 . Reden: code-tags ]

[AtleX]

Nee, iig niet zonder HTML en eventueel een werkend voorbeeld. Hoe moeten wij nu weten wat #oranjebalk of #foto is? Het is dus handig als je wat meer informatie geeft.

[Matthijs1982]

De HTML heb ik er inmiddels bij gezet.

[Kermit.de.Kikker]

Ik zie geen links op die plaatjes in je html hoor (<a>), misschien moet je die eens toevoegen :-)

[PaulZ]

Ik zie helemaal geen links...

* moet toch eens wat sneller gaan typen...

[ Voor 49% gewijzigd door PaulZ op 22-06-2006 15:44 . Reden: Spuit 11 ]

[crisp]

waarom float je de div in je #submenu? (het align-attribuut is het deprecated(!) HTML-equivalent van CSS's float). Hiermee haal je die div uit de flow van #submenu en heeft #submenu sec gezien geen content meer maar enkel overflow, en browsers hoeven events op overflowed content niet af te handelen.

Ik heb je post trouwens voorzien van de beschikbare code-tags, doe dat voortaan aub zelf.

[ Voor 17% gewijzigd door crisp op 22-06-2006 15:46 ]

[DEVoTi0N]

Misschien even een linkje naar de pagina, want nu zijn er inderdaad geen links.

[Matthijs1982]

Sorry, de verkeerde HTML. Dit is de goede.

code:

<div id="oranjebalk"> 
<div id="foto">[img]"../afbeeldingen/foto_zeilboot.jpg"[/img]</div> 
<div id="bgoranjebalk"> 
Hier komt tekst. 
</div> 

<div id="submenu"> 
  <div>
 <a href="http://www.test.nl" target="_self">[img]"../afbeeldingen/button_test.png"[/img]</a><br />  </div> 
</div> 
</div>

[ Voor 33% gewijzigd door Matthijs1982 op 22-06-2006 15:56 ]