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

Trädvy Permalänk
Medlem
Registrerad
Dec 2013

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

Trädvy Permalänk
Medlem
Registrerad
Dec 2004

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

Ryzen 1600 @ 3.75Ghz 1.375v - Corsair Vengeance LPX 16GB DDR4 3000MHz @ 3066MHz - ASRock Fatal1ty AB350 Gaming K4 - Samsung 850 EVO 620GB - MSI R9 380 4GB Gaming - AOC 2460PF 144hz Freesync

Trädvy Permalänk
Medlem
Registrerad
Dec 2013
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.

Trädvy Permalänk
Medlem
Registrerad
Dec 2011

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

Trädvy Permalänk
Medlem
Registrerad
Dec 2013
Skrivet av cfj:

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

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

Trädvy Permalänk
Medlem
Registrerad
Dec 2011
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å?

Trädvy Permalänk
Medlem
Registrerad
Dec 2013
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?

Trädvy Permalänk
Medlem
Plats
Bästkusten
Registrerad
Jun 2009
Skrivet av smsm:

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

https://jsfiddle.net/

|| 2700K @ 4.7GHz || MSI GTX 1080 TI Gaming X || Xonar DG || Samsung 750 EVO 500GB & OCZ Agility 3 120GB & Crucial C300 64GB & Crucial V4 256GB || XFX XXX 650W || 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.

Trädvy Permalänk
Medlem
Registrerad
Dec 2013
Skrivet av DunderKlumpen:

https://jsfiddle.net/4w4xrLgc/

Trädvy Permalänk
Medlem
Plats
Stockholm
Registrerad
Sep 2010

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; }

Trädvy Permalänk
Medlem
Registrerad
Dec 2013
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?

Trädvy Permalänk
Medlem
Registrerad
Nov 2010
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/