Verticale lijnen tussen navigatielabels

  • Opgelost ttrommel

    (@ttrommel)


    10 jaren, 3 maanden geleden

    Hallo,

    http://www.qqualitymovies.nl

    In mijn menu wil ik tussen 2 teksten een verticale lijn hebben. Ik heb nu naast alle woorden een verticale lijn staan aan de rechterkant.
    Graag wil ik de lijn rechts van ” contact” weghalen. Ik heb gelezen dat dit moet dmv een class aan te maken. Ik heb diverse pogingen gedaan maar ik krijg de lijn niet weg. De class heb ik aangegeven in “navigaielabel’ en is: contact.

    De volgende code heb ik gebruikt:

    ‘ #masthead .site-navigation .menu-wrapper ul a{
    line-height: 5px;
    text-align: left;
    border-right: 1px solid white;
    /* Dit bevat de menuitems met de verticale lijn ertussen*/
    ‘
    Als ik de bovenstaande link aanpas gebeurt er niets:
    #masthead .site-navigation .menu-wrapper ul.contact a{ #masthead .site-navigation .menu-wrapper ul li.contact a{
    border: none;
    }

    of
    #masthead .site-navigation .menu-wrapper ul li.contact a{ border: none;{
    of
    #masthead .site-navigation .menu-wrapper li.contact a{
    border: none;

    Kan iemand mij vertellen wat ik hier fout doe?

    Alvast bedankt:

    Tim

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)
  • marcelvanderhoek

    (@marcelvanderhoek)

    10 jaren, 3 maanden geleden

    In dit geval zou ik het zo oplossen: 

    #masthead .site-navigation .menu-wrapper ul li:last-child a {
   border-right: 0;
}

    Zo zorg je ervoor dat de laatste link in het rijtje geen border krijgt. Mocht ooit ‘contact’ niet meer de meest rechtse link zijn, dan blijft je stylesheet toch relevant.

    Thread starter ttrommel

    (@ttrommel)

    10 jaren, 3 maanden geleden

    Top! dit is dan ook meteen opgelost. Dank je!

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)
  • Het onderwerp ‘Verticale lijnen tussen navigatielabels’ is gesloten voor nieuwe reacties.