login  Naam:   Wachtwoord: 
Registreer je!
 Forum

menu knop niet zichtbaar

Offline Keith - 09/04/2008 14:57
Avatar van KeithGrafische gevorderde
ik heb een probleem met mijn knopjes in het menu..

  1. <div id="header">
  2. <!--spanner-->
  3. <div id="menu">
  4. <a id="menu_home" href="index.htm"></a>
  5. <a id="menu_portfolio" href="portfolio.htm"></a>
  6. <a id="menu_about" href="about.htm"></a>
  7. <a id="menu_contact" href="contact.htm"></a>
  8. </div>
  9. </div>


  1. /*!!!!!!!!!!!!Header!!!!!!!!!!!!*/
  2. div#header{
  3. width:100%;
  4. height:210px;
  5. margin: 0 0 0 0;
  6. padding: 0 0 0 0;
  7. background-image: url('images/menu.jpg');
  8. background-color: #FFF;
  9. background-repeat: norepeat
  10. }
  11. /*!!!!!!!!!!!!Menu!!!!!!!!!!!!*/
  12.  
  13. div#menu{
  14. margin: 0 0 0 385px;
  15. width:200px;
  16. height:210px;
  17. background-color: #FFF;
  18. }
  19.  
  20. a#menu_home{
  21. position: relative;
  22. width:60px;
  23. height: 20px;
  24. top: 100px;
  25. background-image: url('images/menu_home.jpg');
  26. }
  27.  
  28. a#menu_home:hover{
  29. background-image: url('images/menu_home_hover.jpg');
  30. }
  31.  
  32. a#menu_portfolio{
  33. position: absolute;
  34. width:111px;
  35. height: 20px;
  36. background-image: url('images/menu_portfolio.jpg');
  37. top: 113px;
  38. right: 485px;
  39. }
  40.  
  41. a#menu_portfolio:hover{
  42. background-image: url('images/menu_portfolio_hover.jpg');
  43. }


Ik had eerst alles gebouwd zo als de "menu_portfolio" alleen als je dan op een andere resolutie kijkt verschijft het menu, door dat hij de rand van je browser pakt ipv de div. dat vond ik al vreemd maar ok.

ik heb toen een extra div gemaakt, "menu" en deze in de "header" div gezet, vervolgens heb ik de "menu" div op de jusite plek gezet en ben nu de HOME knop aan het plaatsen. Alleen deze is neit meer zichtbaar. Als ik hem position: absolute maak is hij weer wel zichtbaar.

ik zoek dus iemand die mij kan vertellen waarom dat is en hoe ik er van af kom, of naja hoe het wel werkt!

0 antwoorden

Gesponsorde links
Er zijn nog geen reacties op dit bericht.
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.167s