Behöver hjälp med simpel navigationbar i HTML/CSS

Permalänk
Medlem

Behöver hjälp med simpel navigationbar i HTML/CSS

Håller på att göra en simpel navigationbar i HTML/CSS och skulle behöva lite hjälp. Så här ser den ut just nu:

Vad jag skulle behöva veta är:

Hur centrerar jag texten vertikalt? Just nu är den bara centrerad horisontellt.
Hur tar jag bort den vita border:n på den "Contact Us" länken? Alla länkar har fått {border-right:1px solid #FFFFFF;} applicerade på sig, men jag vill göra ett undantag.

Permalänk

1. Du kan använda padding-top för att få det centrerat vertikalt.
2. Vet tyvärr inte hur man gör det på ett lätt sätt.

Visa signatur
Permalänk
Inaktiv

Du använder dig av line-height. Sätt den till samma höjd som navigations elementet så får du önskad effekt.
För att ta bort det vita på sista länken kan du använda dig av psuedo elementet :last-of-type. Exempel:

nav a:last-of-type { border-right: none; }

Notera dock att :last-of-type endast fungerar i äldre webbläsare (till exempel IE8).
EDIT: last-child fungerar också, beror lite på hur din navigation är uppbyggd.

Permalänk
Medlem
Skrivet av anon150287:

Du använder dig av line-height. Sätt den till samma höjd som navigations elementet så får du önskad effekt.
För att ta bort det vita på sista länken kan du använda dig av psuedo elementet :last-of-type. Exempel:

nav a:last-of-type { border-right: none; }

Notera dock att :last-of-type endast fungerar i äldre webbläsare (till exempel IE8).
EDIT: last-child fungerar också, beror lite på hur din navigation är uppbyggd.

Funkade ej med att använda de pseudo-elementen. Kanske funkar det om jag gör en class av alla förutom den sista.

edit: Ja, det funkade.