<style type="text/css">
#swap #logo {
display: block;
border: 0;
border-color:#816627;
}
#swap a #logohover {
display: none;
left: 0px
}
#swap a:hover #logo {
display: none;
border-color:#816627;
}
#swap a:hover #logohover {
display: block;
background: #F5C416;
}
#p a:hover #logohover {
display: text;
background: #F5C416;
}
</style>
</head>
<body>
<div id="main_container">
<div id="box1">
<li>MENU</li>
<li> </li>
<li><a href="http://localhost/dchofland/gastenboek/index.php" target="_top">Gastenboek</a></li>
<li><a href="http://localhost/dchofland/kalgenda/agenda.php" target="_top">Agenda</a></li>
<li><a href="http://localhost/dchofland/cartering/fotoos/album.php" target"=_top">Foto’s</a></li>
<li><a href="http://localhost/dchofland/carnaval/optocht.php" target="_top">Carnaval</a></li>
<li><a href="http://localhost/dchofland/toernooi/toernooi.php" target="_top">Jeugddarten</a></li>
<li><a href="http://localhost/dchofland/dchofland/index1.php" target="_top">Dartclub</a></li>
<li><a href="http://www.clubs.nl/community/default.asp?clubid=14001" target="_blank">Damvereniging</a></li>
<li><a href="http://members.home.nl/svbrunssum" target="_blank">Schaakvereniging</a></li>
<li><a href="http://www.opelclubmijnstreek.nl/news.php" target="_blank">Opelclub</a></li>
<li><br><br></li>
<li><div id="swap">
<a href="#">
<img src="./plaatjes/zaal1.jpg" width="150px" height="100px" border="1" id="logo" alt="zaal">
<img src="./plaatjes/zaal1.jpg" width="400px" height="225px" border="1" id="logohover" alt="zaal">
<p id="logohover">
<font color="#816627">Der Thiejk</font></p></a></div></li>
<li> <div id="swap">
<a href="#">
<img src="./plaatjes/zaal2.jpg" width="150px" height="100px" border="1" id="logo" alt="zaal">
<img src="./plaatjes/zaal2.jpg" width="400px" height="225px" border="1" id="logohover" alt="zaal"><p id="logohover"><font color="#816627">Der Wiejrdschaft</font></p></a></div></li>
<li><div id="swap"><a href="#">
<img src="./plaatjes/zaal3.jpg" width="150px" height="100px" border="1" id="logo" alt="zaal">
<img src="./plaatjes/zaal3.jpg" width="400px" height="225px" border="1" id="logohover" alt="zaal"><p id="logohover"><font color="#816627">De Zoal gezien vanuit het wiejrdschaft</font></p></a> </div></li>
<li><div id="swap"><a href="#">
<img src="./plaatjes/zaal4.jpg" width="150px" height="100px" border="1" id="logo" alt="zaal">
<img src="./plaatjes/zaal4.jpg" width="400px" height="225px" border="1" id="logohover" alt="zaal"><p id="logohover"><font color="#816627">De Zoal gezien van hinger</font></p></a></div></li>
</div>
</div>
<div id="box2"></div>
<div id="box3"></div>
<div id="box4"></div>
<div id="box5"></div>
<div id="box6"></div>
<div id="box7"></div>
</div>
837 views
Ik heb een script met aantal diverse boxen, ik had het eerst met alleen de main_container en een box en alles met table en tbody in die ene box gezeten toen werkte het goed het verschuifde wel als ik met de muis aanwijzer over de foto's ging en de foto's groter werden, maar de rest maar dat bleef wel netjes binnen de main_container zonder dat het vervormd. maar omdat ik op "sceneone.nl" had gelezen dat tabelen bedoeld zijn voor tabulaire data, "niet dat ik weet wat dat betekend". dus heb ik alles in divjes gezet. maar het script met de divjes verschuivende foto's achter de andere divjes, vervormd de navigatie div. en ik heb position van die div id="box" nu veranderd van float naar position: absolute, en dan werkt het wel. Maar dan trekt de layout van de pagina niet meer mee als die word getoond met een lagere of hogere resolute.