- <div id="menu">
- <div id="top">
- <div id="logo"><h1><a href="#">DIT LOGO</a></h1></div>
- <div id="top_menu">
- <ul>
- <li class="current"><a href="#">Tester</a></li>
- <li><a href="#">Tester</a></li>
- <li><a href="#">Tester</a></li>
- <li><a href="#">Tester</a></li>
- <li><a href="#">Tester</a></li>
- </ul>
-
- </div>
-
- </div>
- <div id="bottom">
- <div id="search"></div>
- <div id="menubottom">
- <ul>
- <li><a href="#">Tester</a></li>
- <li><a href="#">Tester</a></li>
- <li><a href="#">Tester</a></li>
- <li><a href="#">Tester</a></li>
- <li><a href="#">Tester</a></li>
- </ul>
-
- </div>
- </div>
- </div>
Ved <li class="current"> Skal du angive den som den side du er på f.eks "Home" og give den baggrunden hvid som du ser på costume.dk.
Ved de andre skal du angive en a:hover effekt så når du kører mussen over a href'en vil den blive grå i baggrunden.
Alt dette kan klares med klassisk CSS eller piftes op med CSS3.
Så som Martin har sagt skal der anvendes CSS til denne sag.
Sæt body'en så den sidder helt fast oppe i toppen af din browser.
- body {
- margin: 0px;
- padding: 0px;
- }
- #wrapper {
- Height: din højdepx;
- width: din længdepx;
- //du kan smide en margin her eller lade vær,
- //f.eks lave din side centeret med margin: 0px auto 0px auto;
- margin: 0px;
- padding:0px;
- }
- #menu {
- padding:0px;
- margin: 10px 0px 0px 10px;
-
- }
Indlæg senest redigeret d. 28.03.2012 20:58 af Bruger #17149