login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Seperator bij menulist

Offline BladiN - 04/03/2005 15:21 (laatste wijziging 04/03/2005 15:24)
Avatar van BladiNGouden medailleGouden medaille

Grafische gevorderde
Mijn vraag is, hoe kan ik een vast plaatje als seperator zetten na ieder menu item? (het is dus een horizontaal menu).
Beter nog wie kent er een betere versie? want deze heeft een andere uitwerking in IE en FF

  1. <div id="navcontainer">
  2. <ul id="navlist">
  3. <li><a href="#">Item two</a></li>
  4. <li><a href="#">Item three</a></li>
  5. <li><a href="#">Item four</a></li>
  6. </ul>
  7. </div>


  1. #navcontainer {
  2. margin-left: -40px;
  3. }
  4.  
  5. #navcontainer ul li {
  6. list-style-type: none;
  7. display: block;
  8. float: left;
  9. background: url("menubar.png");
  10. text-align: center;
  11. padding: 4px;
  12. margin-top: 0px;
  13. }
  14.  
  15. #navcontainer a {
  16. display: block;
  17. color: #FFF;
  18. text-decoration: none;
  19. font-weight: bold;
  20. }

2 antwoorden

Gesponsorde links
Offline Thomas - 30/11/1999 00:00 (laatste wijziging 30/11/1999 00:00)
Avatar van Thomas Moderator Euh, met ul's maak je toch [i]verticale[i] lijstjes (items onder elkaar) en float left zorgt ervoor dat als je plaatjes gebruikt, deze [i]voor[i] de items staan, i.p.v. erachter Heb je toevallig ergens een voorbeeld rnrnMisschien moet je #navlist ergens gebruiken Want dat doe je nu niet.rnrnEDIT Kun je geen list-style-image oid gebruiken in CSS
Offline BladiN - 30/11/1999 00:00
Avatar van BladiN Gouden medailleGouden medaille

Grafische gevorderde
Nee met ul's kun je ook horizontale lijsten maken, maar dat werkt niet perfect op de manier die ik gebruikt blijkbaar..
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.187s