CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

sklagenberg Nybegynder

03. oktober 2006 - 15:42 Der er 7 kommentarer

Problemer med centrering af dropdown menu

Hej,

Jeg har en CSS-stylet topmenu med dropdowns. baseret på listitems, som jeg ikke kan finde ud af få centreret.

Jeg bruger float-left for at align'e listitems op efter hindanden, men når man gør dette er det
umuligt at centrere menu'en, med mindre man angiver en fast bredde, og dette er meget upraktisk
da man jo helst ikke skal redigere i CSS'en, bare fordi man ændrer en tekst.

Dropdown menu'en, er baseret på ren CSS og en stump JS for IE (da ":hover" rulen kun er funktionel på A elementer).

Hvordan får jeg menu'en centreret ?

Filerne kan ses her:

Html/Js : http://www.bksv.com/%5Fdropdown/default.htm
CSS : http://www.bksv.com/%5Fdropdown/default.css

Jeg har prøvet mange forskellige ting, men det er endnu ikke lykkedes mig at finde en løsning på problemet.

Hvis du kender en metode, et link, har en idé til en eventuel løsning, skal du være yderst velkommen til at afgive dit bud.

På forhånd tak.

Synes godt om

heymann Nybegynder

03. oktober 2006 - 15:58 #1

centreret?? mener du så dine links kommer ind på midten???? af siden?

//Heymann

Synes godt om

olebole Juniormester

03. oktober 2006 - 16:00 #2

<ole>

Dit div 'navWrap' skal ikke positioneres absolute. Dernæst skal det have
margin: 0 auto;
- for at centrere.

I øvrigt er din kode langt fra XHTML. For det første har du totalt rod i din CDATA-escaping. Dernæst er XHTML et subset af XML, hvorfor du skal bruge XML-DOM i dine scripts ... ikke HTML-DOM.
'document.all' kan således ikke bruges - og det kan 'this.className' heller ikke - under X(HT)ML.

I øvrigt server du dokumentet med forkert MIME-type, hvilket sammen med dine forkerte scriptinger betyder, at ingen somhelst har glæde af din XHTML-kode. Den bliver i stedet parsed som skidt 'HTML-suppe' :)

/mvh
</bole>

Synes godt om

olebole Juniormester

03. oktober 2006 - 16:02 #3

- måske, du skulle prøve at læse:
http://www.eksperten.dk/artikler/537
http://www.eksperten.dk/artikler/538

Synes godt om

sklagenberg Nybegynder

03. oktober 2006 - 16:37 #4

Først og fremmest tak for svarene.

heymann:
Ja de skal placeres i midten.

olebole:
Først og fremmest er denne stump kode pillet ud af et større layout. Meningen med absolute position er, at få serveret menuen på toppen af siden, men nederst i koden. Det har visse fordele i forhold til søgemaskiner og text browsere, da indholdet bliver prioriteret først.

Jeg har ikke den store forstand på doctypes, men tak for artiklen.
Dog mindes jeg om en anden artikel, som forklarede der ikke var en synderlig forskel på, at køre HTML 4.01 og xHTML 1.0, hvilket har dannet grundlag for min handling.

Det er ikke selve bjælken som skal centreres, men de links som befinder sig i den.
Jeg har afprøvet "margin: 0 auto;" på diverse elementer dog uden held.

Mvh Søren

Synes godt om

heymann Nybegynder

04. oktober 2006 - 07:26 #5

Hej Søren

Hvis jeg må se din kode ken jeg prøve at bygge en om. men ellers ken du jo bare bruge denne kode:

<div align="center">din menu</div>

//heymann

Synes godt om

olebole Juniormester

04. oktober 2006 - 09:45 #6

Det er svært at give andre forslag, når man ikke længere kan tilgå dine sider =)

Hvis der ikke er synderlig forskel på at køre HTML4.01 og XHTML1.0, er det vel det bedst tænkelige argument for at fortsætte med at skrive HTML4.01.
Årsagen til, der ikke er den store forskel er, at XHTML1.0 parses som (dårlig) HTML ... og så er det mere end svært at se meningen med at skrive XHTML1.0 ;o)

Synes godt om

sklagenberg Nybegynder

05. oktober 2006 - 08:33 #7

Filerne skulle være tilgængelig nu.

Heymann: Denne metode er afprøvet og fungere desværre ikke.

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51
Link fra form input Af jnrmgs i HTML	9	19/09/202319:10	23/09/202313:11
includere i HTML Af slein55 i HTML	3	15/09/202313:47	16/09/202309:40

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS