login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Fout met afbeelding 'Currentpage' (Opgelost)

Offline FRS - 09/03/2009 11:27 (laatste wijziging 09/03/2009 11:28)
Avatar van FRSNieuw lid Hallo,

Ik zit met een probleempje. Ik ben momenteel bezig met een website en loop tegen een probleem aan. Voor het menu maak ik gebruik van een class 'currentpage'.

Er toont dan een tabje als background (image)
Dit gaat allemaal prima... Alleen wanneer de menutekst 2 woorden omvat en dus een spatie erin heeft, dan gaat het fout...

Zie afbeelding:
[IMG]http://i41.tinypic.com/24v41oh.jpg[/IMG]

http://i41.tinypic.com/24v41oh.jpg

Wat er gebeurt is dus dat er een achtergrond afbeelding 2 keer wordt weergegeven omdat er 2 woorden zijn... denk ik.

Weet iemand hoe ik dit simpel kan oplossen zonder het hele menu weer overnieuw te hoeven maken. Deze is namelijk al verbonden met een CMS en dat zou dus veel werk zijn.

2 antwoorden

Gesponsorde links
Offline mathiasB - 09/03/2009 11:28
Avatar van mathiasB HTML interesse Heb je hier enige css / html code van?
Offline FRS - 09/03/2009 11:39 (laatste wijziging 09/03/2009 14:15)
Avatar van FRS Nieuw lid
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <!-- start menu -->
  2. <div id="menu">
  3. 	<div class="navigation">     
  4. <ul class="clearfix">
  5. <li><a href="http://www.123.nl/"> Home </a>
  6. </li>
  7.  
  8. <li><a href="http:123/index.php?page=onzewinkel" class="currentpage"> Onze winkel </a>
  9. </li>
  10.  
  11. <li><a href="http://www.123/index.php?page=aanbiedingen"> Aanbiedingen </a>
  12. </li>
  13.  
  14. <li><a href="http://www.123/index.php?page=nieuws"> Nieuws </a>
  15. </li>
  16.  
  17. <li><a href="http://www.123/index.php?page=contact"> Contact </a>
  18. </li>
  19. </ul>
  20.  
  21.       </div>
  22.   </div>


CSS:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. /** MENU **/
  2.  
  3. #menu {
  4. width: 980px;
  5. min-height: 36px;
  6. margin:auto;
  7. text-align: center;
  8. }
  9.  
  10. #menu .navigation {
  11. font-size: 18px;
  12. }
  13.  
  14. #menu ul {
  15. list-style: none;
  16. line-height: normal;
  17. padding-left: 35px;
  18. }
  19.  
  20. #menu li {
  21. float:left;
  22. margin-top: 5px;
  23. padding-top: 8px;
  24. width: 165px;
  25. text-align:center;
  26. }
  27.  
  28. #menu .currentpage {
  29. background:url(images/currentpage.jpg) no-repeat top center;
  30. padding-top: 10px;
  31. color: #fff;
  32. text-decoration: none;
  33. padding-left: 50px;
  34. padding-right: 50px;
  35. }
  36.  
  37. #menu a{
  38. text-decoration: none;
  39. color: #376BAA;
  40. }
  41.  
  42.  
  43. #menu a:hover {
  44. 	text-decoration: none;
  45. }



EDIT: Ik heb het ondertussen opgelost... veel gekloot met padding en margin

Topic kan op slot 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.308s