Hjälp med html/css NAVBAR nybörjare.

Permalänk
Medlem

Hjälp med html/css NAVBAR nybörjare.

Hej

Jag försöker få en meny bar på min hemsida som ska se ut så här

Jag har försökt så gott jag kan men får inte till det 100%.
Skulle vara väldigt snällt om ni kunde hjälpa mig med det. https://jsfiddle.net/4w4xrLgc/

MVH
Smsm

Permalänk

Tror du måste använda javascript om du vill att underlinen hålls kvar under den sida man är inne på.

Visa signatur

Ryzen 5800x - Corsair Vengeance LPX 16GB DDR4 @ 3200MHz - MSI MPG B550 Gaming Plus - Samsung 970 m.2 500GB + 850 EVO 620GB - ASUS STRIX GTX 1070Ti OC A8G @ 2126Mhz boost - AOC 2460PF 144hz

Permalänk
Medlem
Skrivet av liquisole:

Tror du måste använda javascript om du vill att underlinen hålls kvar under den sida man är inne på.

Jag fick den biten att funka utan java så det ska gå utan tror jag.

Permalänk
Medlem

Du har glömt berätta vad problemet är.

Permalänk
Medlem
Skrivet av cfj:

Du har glömt berätta vad problemet är.

Behöver hjälp med att skapa den från scratch.

Permalänk
Medlem
Skrivet av smsm:

Behöver hjälp med att skapa den från scratch.

Varför kasta bort jobbet du redan gjort? Vad är det du fastnat på?

Permalänk
Medlem
Skrivet av cfj:

Varför kasta bort jobbet du redan gjort? Vad är det du fastnat på?

Hur länkar jag css och html coden på bästa sätt här?

Permalänk
Keeper of Traditions
Skrivet av smsm:

Hur länkar jag css och html coden på bästa sätt här?

https://jsfiddle.net/

Visa signatur

|| Intel 8700K || Asus RTX 4070 TI Super TUF || Samsung 750 EVO 500GB & Kingston A2000 1TB & Samsung 960 EVO 250GB || Corsair RM 850x || Antec P183 || Asus G-Sync RoG Swift PG279Q || Dell XPS 15 || Thinkpad X220

The Force is like Duct Tape, it has a light side, a dark side, and holds the universe together.

Permalänk
Medlem

https://jsfiddle.net/4w4xrLgc/

Permalänk

https://jsfiddle.net/4w4xrLgc/1/

La till "border-bottom: 8px solid #1E2227;" under "#cssmenu ul li a"

Och aendrade:

#cssmenu ul li a:hover { color: #FC5A0A; border-bottom: 8px solid #FC5A0A; }

Permalänk
Medlem
Skrivet av Misspenguin:

https://jsfiddle.net/4w4xrLgc/1/

La till "border-bottom: 8px solid #1E2227;" under "#cssmenu ul li a"

Och aendrade:

#cssmenu ul li a:hover { color: #FC5A0A; border-bottom: 8px solid #FC5A0A; }

Tack så mycket.
Vet nån hur jag kan få logga ut knappen så som bilden?

Permalänk
Medlem
Skrivet av smsm:

Tack så mycket.
Vet nån hur jag kan få logga ut knappen så som bilden?

Lägg till

.last { float: right; background: #fc5a0a; }

Sen borde du då floata resten av alternativen left och clearfixa containern. Såg att du inte har länkat in Open sans fonten heller så det borde du kanske fixa.

EDIT:
Så här skulle jag löst det
https://jsfiddle.net/4w4xrLgc/34/