Nieuw lid |
|
Dag iedereen, ik ben op dit moment bezig met een layout (http://retro.guidobouman.com/) Maar ik wil dat mijn menu automatischmee scrollt als ik verder naar beneden scroll. (Hij begint vanaf 325px van de top en moet mee scrollen wanneer hij het beeld uit gaat.) Weet iemand hoe ik dit kan doen?
Code voor div:
<div id="menu">
<ul>
<li><a href="index.php?page=artist" class="menu">The Artist</a></li>
<li><a href="index.php?page=art" class="menu">The Digital Art</a></li>
<li><a href="index.php?page=websites" class="menu">The Websites</a></li>
<li><a href="index.php?page=photos" class="menu">The Photo's</a></li>
<li><a href="index.php?page=contact" class="menu">The Contact</a></li>
</ul>
</div>
<div id="menu"> <ul> <li><a href="index.php?page=artist" class="menu">The Artist</a></li> <li><a href="index.php?page=art" class="menu">The Digital Art</a></li> <li><a href="index.php?page=websites" class="menu">The Websites</a></li> <li><a href="index.php?page=photos" class="menu">The Photo's</a></li> <li><a href="index.php?page=contact" class="menu">The Contact</a></li> </ul> </div>
CSS van het menu:
#menu {
width: 150px;
float: right;
margin: 25px 0 0 0;
text-align: right;
line-height: 12px;
}
#menu ul {
list-style: none;
padding: 0;
margin: 0 40px 0 0;
border-top: solid 1px #cc0000;
border-right: solid 1px #cc0000;
background-color: #dddddd;
}
#menu li {
padding: 3px 15px 3px 0;
margin: 0;
font-size: 10px;
border-bottom: solid 1px #cc0000;
}
#menu li a.menu:link, a.menu:visited {
display: block;
color: #444444;
text-decoration: none;
background: url(images/menu_bg.gif) center right no-repeat;
}
#menu li a.menu:hover, a.menu:active {
color: #cc0000;
background: url(images/menu_hover.gif) center right no-repeat;
}
#menu { width: 150px; float: right; margin: 25px 0 0 0; text-align: right; line-height: 12px; } #menu ul { list-style: none; padding: 0; margin: 0 40px 0 0; border-top: solid 1px #cc0000; border-right: solid 1px #cc0000; background-color: #dddddd; } #menu li { padding: 3px 15px 3px 0; margin: 0; font-size: 10px; border-bottom: solid 1px #cc0000; } #menu li a.menu:link, a.menu:visited { display: block; color: #444444; text-decoration: none; background: url(images/menu_bg.gif) center right no-repeat; } #menu li a.menu:hover, a.menu:active { color: #cc0000; background: url(images/menu_hover.gif) center right no-repeat; }
|