Support Volgende » Code oplossingen gezocht Volgende » Verticale lijnen tussen navigatielabels

  • Opgelost ttrommel

    (@ttrommel)



    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)
  • 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.

    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.