centre navigationsbar

Her kan du stille og svare på spørgsmål omkring CSS
Besvar
Jesper Bill
Begynder
Indlæg:2
Tilmeldt:14. jul 2012, 18:12
centre navigationsbar

Indlæg af Jesper Bill » 14. jul 2012, 18:17

Hej :)

Jeg har lært en masse og alt er gået rigtig godt, men mit tilbagevendende er navigationsbaren som er her fra siden.

Hvordan centre navigationsbaren? vel i css filen? Jeg har prøvet float: right; , right: 50%(også med left 50%) ..

ved hvor jeg skal gøre det?

Brugeravatar
scootergrisen
Moderator
Moderator
Indlæg:709
Tilmeldt:21. jun 2012, 23:40
Kontakt:

Re: centre navigationsbar

Indlæg af scootergrisen » 14. jul 2012, 18:32

Kode: Vælg alt

margin:0 auto;
text-align:center;

Brugeravatar
Daniel
Admin
Admin
Indlæg:625
Tilmeldt:14. jun 2011, 09:27
Geografisk sted:Danmark, Fyn, Nørre Aaby
Kontakt:

Re: centre navigationsbar

Indlæg af Daniel » 14. jul 2012, 20:21

Hej Jasper Bill

Velkommen til NemProgrammering.dk og det store programmerings univers som hører med til siden. :)

Hvad er det for en navigationsbar som du bruger?

Josefine
Geni
Geni
Indlæg:308
Tilmeldt:9. dec 2011, 16:46

Re: centre navigationsbar

Indlæg af Josefine » 14. jul 2012, 20:48

Neiih, det tror jeg faktisk godt, jeg kan hjælpe med! :D Jeg har nemlig haft samme problem.

Det, du gør, er at sætte:

Kode: Vælg alt

padding: 0px;
på, for så er du sikker på, at navigationsbaren ikke får noget luft uden om sig, så den, selvom du har centreret den, ikke ligner, at den er rent faktisk er det.

Herefter sætter du

Kode: Vælg alt

margin-left: auto;
margin-right: auto;
på, som sørger for, at den centrerer navigationsbaren, fordi begge sider står på "auto" :)

Og ja, det skal være i CSS-filen. Og husk, det skal være i navigationsbarens CSS-del. Hvis du har givet din "ul" id'et "ulnav" f.eks., så er det "#ulnav" i CSS-filen, du skal kigge efter.

Jesper Bill
Begynder
Indlæg:2
Tilmeldt:14. jul 2012, 18:12

Re: centre navigationsbar

Indlæg af Jesper Bill » 3. aug 2012, 13:57

Jeg synes ikke at kunne få baren rykket ind på midten. Det burde være så nemt, men lader det lige lægge lidt så ..

cristian
Moderator
Moderator
Indlæg:882
Tilmeldt:26. sep 2011, 21:31
Kontakt:

Re: centre navigationsbar

Indlæg af cristian » 3. aug 2012, 14:07

Hej Jesper.

Kan du venligst tilføje din nuværende kode som du prøver at bruge til at centrer navigations baren?

Har selv gjort dette før med koden nedenfor.

Kode: Vælg alt

        width:50%;
    	margin:0px auto;
    	position:relative;

Brugeravatar
ThomasI
Grundlægger
Grundlægger
Indlæg:1528
Tilmeldt:28. dec 2010, 10:49

Re: centre navigationsbar

Indlæg af ThomasI » 3. aug 2012, 15:42

Hej Jesper, hvis du kan vi os din kode vil vi have nemmere ved at hjælpe dig videre..?? :D

Besvar