Avatar billede peachmelba Novice
11. juni 2013 - 00:25 Der er 13 kommentarer og
1 løsning

Centrering af menu

Hej med jer.

Det er lidt pinligt at jeg bliver nødt til at spørge om dette forholdsvis nemme spørgsmål, men indrømmet... Jeg er en klump til CSS

Jeg er ved at lægge sidste hånd på siden: http://lunderskov.dk

Siden er "flydende" hvilket bevirker, at når siden vises på en stor skærm, venstrestiller menuen i toppen sig.

Denne vil jeg gerne have centreret.

Jeg har via firebug forsøgt mig med

margin-left: auto;
margin-right: auto;

i elementet: .jp-mainmenu

Men kan ikke få det til at funke :-(

Er der hjælp at hente hos eksperterne ?
Avatar billede mediman Nybegynder
11. juni 2013 - 07:24 #1
margin auto kræver en width,
prøv f.eks. med

width: 950px;
margin: 0px auto;

i stedet for margin-left og -right.
Avatar billede peachmelba Novice
11. juni 2013 - 09:43 #2
Hej mediman.

Tak for sit svar.
Jeg kan stadig ikke få det til at funke.
Det jeg har er:


.jp-mainmenu {
    border-bottom: 1px solid #F0F0F0;
    float: left;
    margin: 40px 0;
    padding-bottom: 4px;
    position: relative;
    width: 100%;


Hvordan vil du mene det skal se ud for at virke?
Avatar billede mediman Nybegynder
11. juni 2013 - 11:05 #3
.jp-mainmenu {
    width: 950px;
    margin: 0px auto;
    padding-bottom: 4px;
    border-bottom: 1px solid #F0F0F0;
Avatar billede peachmelba Novice
11. juni 2013 - 11:14 #4
Det virkede - tak.

Men nu hoppede menuen helt op og lagde sig under stregen.

Se evt forskellen sammenlignet med:

http://test13.sidsteojeblik.dk/

Jeg gætter på at det har noget at gøre med:
margin: 40px 0

Men hvordan får jeg det flettet ind npr jeg allerede har en:
margin: 0px auto
Avatar billede mediman Nybegynder
11. juni 2013 - 11:19 #5
.jp-mainmenu {
    width: 950px;
    margin: 0px auto;
    margin-top: 40px;
    padding-bottom: 4px;
    border-bottom: 1px solid #F0F0F0;
Avatar billede peachmelba Novice
11. juni 2013 - 11:43 #6
1000 Tak for hjælpen.

Vil du lægge et svar ?
Avatar billede mediman Nybegynder
11. juni 2013 - 11:45 #7
Glad for at kunne hjælpe.
Avatar billede peachmelba Novice
11. juni 2013 - 13:15 #8
Hej igen mediman.

Jeg håber jeg kan nå at fange dig selvom der er afgivet point.

Hvis du sammenligner:
http://lunderskov.dk
med
http://test13.sidsteojeblik.dk

er der en lille streg over menuen på lunderskov.dk
Denne streg skal ned til den blå streg (den menu side man befinder sig på.

Kan dette lade sig gøre?
Avatar billede mediman Nybegynder
11. juni 2013 - 14:41 #9
Prøv med

.jp-mainmenu {
    width: 950px;
    margin: 0px auto;
    margin-top: 40px;
    margin-bottom: 40px;
    padding-bottom: 4px;
    border-bottom: 1px solid #F0F0F0;
}
Avatar billede peachmelba Novice
11. juni 2013 - 16:05 #10
Desværre samme resultat.

Dit forslag er online lige nu på lunderskov.dk
Avatar billede mediman Nybegynder
11. juni 2013 - 16:54 #11
hmmm ... prøv med

.jp-mainmenu {
  width: 950px;
  height: 40px;
  margin: 0px auto;
  margin-top: 40px;
  margin-bottom: 40px;
  padding-bottom: 4px;
  border-bottom: 1px solid #F0F0F0;
}
Avatar billede mediman Nybegynder
11. juni 2013 - 17:13 #12
Du skal nok også tilføje en

float: left;

så menulinien brydes, hvis browseren er smallere end de 950px.
Avatar billede mediman Nybegynder
11. juni 2013 - 17:15 #13
Ups, disregard #12 - det er noget vrøvl.

Jeg har vist gang i for mange spørgsmål :-}
Avatar billede peachmelba Novice
11. juni 2013 - 17:41 #14
Så er den i L (vinkel)

Endnu engang 1000 tak !
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester



Seneste spørgsmål Seneste aktivitet
I dag 06:10 Excel åbner fil i kæmpe format Af Aske i Excel
I går 22:00 Datafordeler Af Lsk i PHP
I går 12:37 Summere beløb pr. dato Af TTA i Excel
31/1022:44 Tilslutte chassic fans Af viking69 i PC
31/1020:28 LED lysstofrør Af ErikHg i Fri debat