Problemen met Iframe / Layers

[ilovetechno]

Ik ben bezig met een website en heb de volgende problemen.

1: op de volgende pagina: http://www.gafd.nl/test/index.htm heb ik met layers en de mouseover functie wat effecten met afbeeldingen gemaakt:

code:

         <div align="left"><a href="hypotheekadviseur.htm" target="_self" class="glink" id="gl1" onmouseover="MM_showHideLayers('afbeelding1','','show');ehandler(event,menuitem1)" onMouseOut="MM_showHideLayers('afbeelding1','','hide')">Erkend Hypotheekadviseur</a>
             <a href="gidi.htm" target="_self" class="glink" id="gl2" onmouseover="MM_showHideLayers('afbeelding2','','show');ehandler(event,menuitem1)" onMouseOut="MM_showHideLayers('afbeelding2','','hide')">GIDI</a>
             <a href="klachteninstituut.htm" target="_self" class="glink" id="gl4" onmouseover="MM_showHideLayers('afbeelding3','','show');ehandler(event,menuitem4)" onMouseOut="MM_showHideLayers('afbeelding3','','hide')">Klachteninstituut verzekeringen</a>
             <a href="ser.htm" target="_self" class="glink" id="gl3" onmouseover="MM_showHideLayers('afbeelding4','','show');ehandler(event,menuitem3)" onMouseOut="MM_showHideLayers('afbeelding4','','hide')">SER Inschrijving </a>
        </div>

Nu krijg ik hierbij continu fouten. Ik weet niet wat ik fout doe.

2. Ik ben de website aan het bouwen in dreamweaver en had in een eerder stadium de afbeelding bovenaan nog niet gereed (zie: http://www.gafd.nl/test/index.htm). Ik ben dus gaan bouwen zonder deze afbeelding . Ik laat alles binnen een iframe zien. Zie http://www.gafd.nl/test/huisenhyp.htm. Nu kan lukt het me niet de afbeeldingen op de juiste plaatst te zetten en de layers naar benenden te verschuiven.

Ik heb diverse tutorials gelezen en ben niet echt bekend met Div's etc..

Kan iemand mij helpen? Ik zit op deze punten al 2 dagen vast en kom er echt niet uit !!

[ Voor 19% gewijzigd door ilovetechno op 19-05-2005 22:17 ]

[sdomburg]

Zorg er in de eerste plaats eens voor dat de code correct is:

http://validator.w3.org/c...afd.nl%2Ftest%2Findex.htm

[ilovetechno]

Ben ik nu aan het doen maar er staan toch geen fouten in die betrekking hebben op de punten die ik noem?

[faabman]

Ik denk je jezelf het beste wat meer in dhtml kunt verdiepen. Het zelf schrijven van een scriptje wat bij de onmouseover van een link een afbeelding zichtbaar maakt op de wijze die jij bedoelt is namelijk helemaal niet moeilijk...


Sterker nog, je kunt zelfs, indien de positie van de afbeeldingen altijd hetzelfde is ook met alleen css je doel bereiken...

HTML:

  <a href="">tekst [img]""[/img]</a>

Cascading Stylesheet:

a img{
  visibility:hidden;
  position:absolute;
  left:pixels vanaf linkerzijde van je venster;
  top:pixels vanaf bovenzijde van je venster;
}

a:hover img{
  visibility:visible;
}

disclaimer: niet getest

[ Voor 10% gewijzigd door faabman op 19-05-2005 23:03 ]