login  Naam:   Wachtwoord: 
Registreer je!
 Forum

LI met link probleem

Offline Frederic - 20/08/2006 14:04
Avatar van FredericPHP ver gevorderde Mijn vraag gaat over dit

Dit is de code:

  1. <head>
  2. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  3. <title>Untitled Document</title>
  4. </head>
  5. <!--EINDE HEAD-->
  6.  
  7. <?php
  8. function geselecteerd($item) {
  9. if($_GET['item'] == $item) {
  10. return 'menu_1_geselecteerd';
  11. }
  12. else {
  13. return 'menu_1_normaal';
  14. }
  15. }
  16.  
  17. ?>
  18.  
  19. <!--BEGIN STYLE-->
  20. <style>
  21. div.menu_1 {
  22. position: absolute;
  23. border: 1px dashed #000000;
  24. left: 5px;
  25. padding: 0px;
  26. padding-left: 2px;
  27. width: 150px;
  28. }
  29.  
  30. li.menu_1_normaal {
  31. list-style-type: none;
  32. background: url(normaal.gif);
  33. padding-left: 15px;
  34. }
  35.  
  36. li.menu_1_geselecteerd {
  37. list-style-type: none;
  38. background: url(geselecteerd.gif);
  39. padding-left: 15px;
  40. color: #FFFFFF;
  41. }
  42.  
  43. li.menu_1_normaal a:hover {
  44. list-style-type: none;
  45. background: url(overgang.gif);
  46. padding-left: 15px;
  47. }
  48.  
  49. </style>
  50. <!--EINDE STYLE-->
  51.  
  52. <!--BEGIN BODY-->
  53. <body>
  54. <div class="menu_1">
  55. <ul>
  56. <li class="<? echo geselecteerd('menu1a') ; ?>"><a href="#">Menu1a</a></li>
  57. <li class="<? echo geselecteerd('menu1b') ; ?>">Menu1b</li>
  58. <li class="<? echo geselecteerd('menu1c') ; ?>">Menu1c</li>
  59. </ul>
  60. </div>
  61.  
  62. </body>
  63. <!--EINDE BODY-->
  64.  
  65. </html>

Nu, alles gaat goed met de code totdat ik een element heb met een link. Dan gaat het mis (zie afbeelding). Hoe moet ik mijn code veranderen zodat de achtergrond wijzigt als er een link is?

Bedankt!

2 antwoorden

Gesponsorde links
Offline bosgroen - 20/08/2006 15:23 (laatste wijziging 20/08/2006 15:24)
Avatar van bosgroen Gouden medaille

PHP interesse
- phpcode is goed
- maar blijkbaar is de vormgeving niet goed => ccs is niet goed
kdenk "display: block;" toevoegen aan de A zal al veel helpen, ook die padding-left weghalen (want dit staat er twee keer, bij de A en bij de ouder LI=>zal dus ook twee keer gedaan worden)
Offline Frederic - 20/08/2006 20:32
Avatar van Frederic PHP ver gevorderde Hmm die block heeft er niets mee te maken hoor, want als ik dat doe blijft het probleem hetzelfde.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.164s