login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Horizontaal menu

Offline tomie94 - 04/04/2008 15:08
Avatar van tomie94PHP interesse Hallo,

Ik ben m'n site in Joomla! 1.5.2 aan het zitten. Nu heb ik al wat voor de css in elkaar gezet:
  1. ul.menu {
  2. display: inline;
  3. list-style-type: none;
  4.  
  5. }
  6. ul.menu li a {
  7. padding-left: 20px;
  8. padding-right: 20px;
  9. margin-right: 10px;
  10.  
  11.  
  12. color: #80b0da;
  13.  
  14. }
  15. ul.menu li a:hover {
  16. color: #FFF;
  17. background-color: #5892C4;
  18.  
  19. }


maar als ik nu kijk naar het menu staat het nu zo

-Menuitem 1
-Menuitem 2

dit moet Menuitem 1 Menuitem 2 zijn, zonder de enters.

PS: Dit retouneerd Joomla!:
  1. <ul class="menu"><li class="item1"><a href="http://localhost/joomla/"><span>Home</span></a></li><li class="item6"><a href="/joomla/index.php/forum"><span>Forum</span></a></li></ul>

3 antwoorden

Gesponsorde links
Offline tomie94 - 04/04/2008 15:10 (laatste wijziging 04/04/2008 18:35)
Avatar van tomie94 PHP interesse dat haalt niks uit, de code is nu:
  1. ul.menu {
  2. list-style-type: none;
  3. float: left;
  4. }
  5. ul.menu li a {
  6.  
  7. padding-left: 20px;
  8. padding-right: 20px;
  9. margin-right: 10px;
  10.  
  11.  
  12. color: #80b0da;
  13.  
  14. }
  15. ul.menu li a:hover {
  16. color: #FFF;
  17. background-color: #5892C4;
  18.  
  19. }
Offline tvds - 01/07/2008 11:24 (laatste wijziging 01/07/2008 11:25)
Avatar van tvds Nieuw lid Zet deze regel er eens bij
  1. ul.menu li{
  2. display: inline;
  3. }
Offline William91 - 01/07/2008 13:56
Avatar van William91 Nieuw lid klopt.. die heb ik ook gebruikt. Verschil met jouw code, je hebt display: inline staan in ul.menu, is dat de verschillende onderdelen van je menu naast elkaar moeten komen te staan. Als je dat dus bij ul.menu li zet, geef je die eigenschap ook per onderdeel aan.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.19s