login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Probleem met het menu

Offline SaSh - 19/10/2006 16:47
Avatar van SaShNieuw lid Hallo luitjes,

Ik ben pas sinds kort bezig (hobbymatig) met webontwerpen, en ben op dit moment bezig om een menu te maken met bv. css.
Dat is op zich wel goed gelukt, maar nu wil ik onder het menu verder werken en dat gaat niet. Op de een of andere manier kan ik alleen rechts van het menu mijn texten kwijt. En niet aan de onderkant van het menu.

Dit is de css code:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. ul#menu {
  2. list-style: none;
  3. width: 175px;
  4. }
  5. ul#menu li {
  6.     margin-top: none;
  7.     margin: 0.5em 0;
  8.  
  9.  
  10. }
  11.  
  12.  
  13. ul#menu li a {
  14.     color:#000000; text-decoration:none;    
  15.     border: #0000000 solid 0px;
  16.     background: #FFB600;
  17.     display: block;
  18.     height: 100%;
  19. width: 100%;
  20. }
  21.  
  22. ul#menu li a:hover {
  23.     color: #000000; text-decoration:none;
  24.     border: #000000 solid 0px;
  25.     background: #EB8301;
  26.     display: block;
  27.     height: 100%;
  28. width: 100%;
  29.  
  30.  
  31. }


En dit de html:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <ul id="menu">
  2.  
  3. <li>
  4. <p align="center"><b><font face="Verdana" size="2"><a href="#" class="menu">Basisbescherming</a></font></b>
  5. <li>
  6. <p align="center"><b><font face="Verdana" size="2"><a href="#" class="menu">Basisverzorging</a></font>
  7. <li>
  8. <p align="center"><b><font face="Verdana" size="2"><a href="#" class="menu">Optimale verzorging</a></font>
  9. <li>
  10. <p align="center"><b><font face="Verdana" size="2"><a href="#" class="menu">"managers" Stress</a></font>
  11. <li>
  12. <p align="center"><b><font face="Verdana" size="2"><a href="#" class="menu">Gewicht reducering</a></font>
  13. <li>
  14. <p align="center"><b><font face="Verdana" size="2"><a href="#" class="menu">Kinderen</a></font>
  15. <li>
  16. <p align="center"><b><font face="Verdana" size="2"><a href="#" class="menu">Vrouwen</a></font>
  17. <li>
  18. <p align="center"><b><font face="Verdana" size="2"><a href="#" class="menu">Sporters</a></font>
  19. <li>
  20. <p align="center"><b><font face="Verdana" size="2"><a href="#" class="menu">Senioren</a></font>
  21. </ul>


Zien jullie misschien wat er mis is?

Alvast bedankt voor jullie reacties.

GreeTZ,
SaSh

2 antwoorden

Gesponsorde links
Offline Gerard - 19/10/2006 18:46
Avatar van Gerard Ouwe rakker 1) Waarom start je de hele tijd paragraphs (<p>) en sluit je deze niet af.
Is het niet slimmer om het centreren van de menu items te regelen in je css.

2) Omdat je gebruik maakt van nesting in je css (ul#menu li a:hover) is het niet nodig om bij je link nog apart de class te vermelden. Je <ul> heeft al het juiste id meegehad en daarom zullen de linkjes automatisch deze opmaak krijgen.
Offline SaSh - 19/10/2006 19:20 (laatste wijziging 19/10/2006 19:36)
Avatar van SaSh Nieuw lid Bedankt voor je reactie..ik heb er wat van geleerd!

Citaat:
1) Waarom start je de hele tijd paragraphs (<p>) en sluit je deze niet af.
Is het niet slimmer om het centreren van de menu items te regelen in je css.


Heb ik inmiddels verwijderd en aangepast..is zeker slimmer 

Citaat:
2) Omdat je gebruik maakt van nesting in je css (ul#menu li a:hover) is het niet nodig om bij je link nog apart de class te vermelden. Je <ul> heeft al het juiste id meegehad en daarom zullen de linkjes automatisch deze opmaak krijgen.


Mag ik vragen hoe de code van de linkjes er dan uit moeten zien?

Edit:
linkjes aangepast in:
<a href="http://Basis_bescherming.htm">Basis Bescherming</a>
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.241s