Forum Mjukvara Programmering och digitalt skapande Tråd

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

1
Skriv svar
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.

Redigera
Citera flera Citera
Permalänk
Medlem
●

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

How to program

Redigera
Citera flera Citera
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.

Redigera
Citera flera Citera
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.

Gå till inlägget

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.

Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara