Piped menu wil maar niet lukken

  • Translatoria

    (@translatoria)


    13 jaren, 8 maanden geleden

    Zie http://www.spinsister.nl/WP/
    relevante css:

    ul#nav a {
   background-color : #909090;
   padding: 5px;
   color : #000;
   font-weight : normal;
   font-style : normal;
   display : block;
   text-decoration : none;
   border-left: 1px solid #F5DC32;
   float:left;
 }

ul#nav a:last-child {
	border-right: 1px solid #F5DC32;
}

    Ik heb van alles geprobeerd om de dubbele pipes te voorkomen, maar zodra ik de border-right voor the last-child toevoeg, krijgen alle li’s een border.

    Het lijkt simpel, maar ik krijg het niet voor elkaar. Kan iemand me helpen? Dank!

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

    (@reanimatie)

    13 jaren, 8 maanden geleden

    verwijder de borders van de link, verplaats ze naar de list-item.
    De eerste list-item geef je een linker- en rechter border, de rest alleen een rechterborder.

    wellicht moet je de list-items als inline-block links laten floaten om het werkend te krijgen.

    succes.

    Thread starter Translatoria

    (@translatoria)

    13 jaren, 8 maanden geleden

    Dank je! Het werkt. Ik had er niet aan gedacht dat de border op de list-item moest, en niet op de li.

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

Het onderwerp ‘Piped menu wil maar niet lukken’ is gesloten voor nieuwe reacties.