Nieuw lid |
|
Hoi,
Ik heb een probleempje bij het bouwen van een website.
Ik wil in een lightbox een loginscript plaatsen. De lightbox werkt helemaal:
<p><a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">Login</a></p>
<div id="light" class="white_content"><?php include('login/index.html'); ?><a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">Close</a></div>
<div id="fade" class="black_overlay"></div>
<p><a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">Login </a></p> <div id="light" class="white_content"><?php include('login/index.html'); ?><a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">Close </a></div> <div id="fade" class="black_overlay"></div>
Afbeelding 1
Afbeelding 2
Nu is het probleem dat de link die de lightbox activeert in een <div> staat. De lightbox blijft dus ook binnen die <div> (zie afbeelding).
Hoe kan ik er voor zorgen dat de link op dezelfde plaats kan blijven staan maar dat de lightbox het hele scherm vult?
Dankje,
Mike
|