Forum Mjukvara Programmering och digitalt skapande Tråd

Hur centrerar jag menyn?(CSS)

1
Skriv svar
Permalänk
Medlem
●

Hur centrerar jag menyn?(CSS)

Hej,

Har precis gjort klart min meny och skulle bara vilja få den centrerad. Har försökt med margin: 0 auto; men får inte inte till det. Såhär ser sidan ut: http://jsfiddle.net/MLmPL/3/. Någon som vet hur jag centrerar menyn?

Mvh

Redigera
Citera flera Citera
Permalänk
Inaktiv
●
.menu { text-align: center; }

För att margin: 0 auto; ska fungera måste elementet ha en width.

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av anon150287: 
.menu { text-align: center; }

För att margin: 0 auto; ska fungera måste elementet ha en width.

Gå till inlägget

Alright, tack så mycket!

När jag ändå har skapat en tråd. Vet du hur man gör så att menyn får ett mellanrum upp till headern och ned till skull bilden? Visst är det margin?

Jag skrev såhär men det förstörde undermenyn vid "Tabeller".

.menu ul{ margin: 0.5em; }
Redigera
Citera flera Citera
Permalänk
Inaktiv
●
Skrivet av zAjtarN:

Alright, tack så mycket!

När jag ändå har skapat en tråd. Vet du hur man gör så att menyn får ett mellanrum upp till headern och ned till skull bilden? Visst är det margin?

Jag skrev såhär men det förstörde undermenyn vid "Tabeller".

.menu ul{ margin: 0.5em; }
Gå till inlägget

Ja, det är margin du ska använda. När du skriver så ger den elementet 0.5em i margin på alla sidor. Vill du bara ha det på en (eller flera, men inte alla) sidor kan du antingen specificera det direkt eller med en s.k. shorthand:

margin-top: 10px;
margin: 10px 10px 0 10px; där argumenten är i denna ordning: Top, Right, Bottom, Left.
Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av anon150287:

Ja, det är margin du ska använda. När du skriver så ger den elementet 0.5em i margin på alla sidor. Vill du bara ha det på en (eller flera, men inte alla) sidor kan du antingen specificera det direkt eller med en s.k. shorthand:

margin-top: 10px;
margin: 10px 10px 0 10px; där argumenten är i denna ordning: Top, Right, Bottom, Left.
Gå till inlägget

Får fortfarande problem när jag håller musen över Tabeller knappen. http://jsfiddle.net/MLmPL/7/ - Testa du att hålla musen över Tabeller knappen så ser du att det har flyttat sig till höger typ. Vet du varför? Har testat både att specifiera direkt och med shorthand.

Redigera
Citera flera Citera
Permalänk
Inaktiv
●
Skrivet av zAjtarN:

Får fortfarande problem när jag håller musen över Tabeller knappen. http://jsfiddle.net/MLmPL/7/ - Testa du att hålla musen över Tabeller knappen så ser du att det har flyttat sig till höger typ. Vet du varför? Har testat både att specifiera direkt och med shorthand.

Gå till inlägget

Ja, du har satt margin på alla ul. Och jag antar att den menyn som kommer fram också är en ul? På så sätt får den en margin på ovansidan och ger ett litet mellanrum. Du får sätta en specific margin på den.

Redigera
Citera flera Citera
Permalänk
Medlem
●

Skriv: .menu > ul så påverkas bara den översta ul och inte undermenyn

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av anon150287:

Ja, du har satt margin på alla ul. Och jag antar att den menyn som kommer fram också är en ul? På så sätt får den en margin på ovansidan och ger ett litet mellanrum. Du får sätta en specific margin på den.

Gå till inlägget
Skrivet av Cloudburst:

Skriv: .menu > ul så påverkas bara den översta ul och inte undermenyn

Gå till inlägget

Aha okej, tack!

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