---

Hej,

For et par dage siden oprettede jeg et indlæg omkring CSS-menuer,
og hvordan jeg får hele menuen centreret. Jeg må være pænt dårlig
til css-formatering af menuer, for efter i havde givet mig en god
forklaring, fattede jeg stadig brikker...

På denne side www.infoscape.dk/test/test2.html

ligger siden, og menuen skal centreres..

Kan jeg endnu engang være bekendt a spørge efter jeres hjælp? Jeg
skal nok gøre mit bedste ;)

Spørgsmålet: Hvordan centrerer jeg menuen?

Mvh. Stefan.

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Stefan Køberl wrote:

> På denne side www.infoscape.dk/test/test2.html
>
> ligger siden, og menuen skal centreres..

ul.navbar {
font-family: tahoma, sans-serif;
font-size: 90%;
line-height:100%;
height:22px;
padding:0;
margin: 0 0 0.5em 20px;
list-style:none;
text-align:center;
border-left:1px solid #257;
margin: auto; /* tilføjet definition */
}

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
http://html-faq.dk/

---

Erik Ginnerskov wrote:

> margin: auto; /* tilføjet definition */
> }

Det var ikke helt nok, sådan virker det som ønsket:

ul.navbar {
font-family: tahoma, sans-serif;
font-size: 90%;
line-height:100%;
height:22px;
padding:0;
margin: 0 0 0.5em 20px;
list-style:none;
text-align:center;
border-left:1px solid #257;
width: 455px; /* tilføjet definition */
margin: auto; /* tilføjet definition */
}

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
http://html-faq.dk/

---

Erik Ginnerskov wrote in dk.edb.internet.webdesign.html:
> Erik Ginnerskov wrote:
>
> > margin: auto; /* tilføjet definition */
> > }
>
> Det var ikke helt nok, sådan virker det som ønsket:
>
> ul.navbar {
> font-family: tahoma, sans-serif;
> font-size: 90%;
> line-height:100%;
> height:22px;
> padding:0;
> margin: 0 0 0.5em 20px;
> list-style:none;
> text-align:center;
> border-left:1px solid #257;
> width: 455px; /* tilføjet definition */
> margin: auto; /* tilføjet definition */
> }

Perfekt! Nu virker det. Mange tak.

Jeg har tænkt lidt over, om de forskellige kasser i menuen, ikke er for
smalle? De står lidt tæt op af hinanden. Hvad synes i - vil det være
dumt at trække dem længere ud?

Og hvordan gøres det i det hele taget, så det virker både i IE og FF,
for ved at sætte width på a-elementet, går det jo helt koks?

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Stefan Køberl wrote:

>> width: 455px; /* tilføjet definition */
>> margin: auto; /* tilføjet definition */
>> }
>
> Perfekt! Nu virker det. Mange tak.
>
> Jeg har tænkt lidt over, om de forskellige kasser i menuen, ikke er
> for smalle? De står lidt tæt op af hinanden. Hvad synes i - vil det
> være dumt at trække dem længere ud?
>
> Og hvordan gøres det i det hele taget, så det virker både i IE og FF,
> for ved at sætte width på a-elementet, går det jo helt koks?

Det må være width på li. men så skal du også huske at rette bredden på dil
ul - ellers kikser det der: 4px i hver side på 7 li-elementer er lig med
56px px mere på ul.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
http://html-faq.dk/