Hjælp til CSS menu

Hej...

Kan du ikke gøre sådan :

Hej Niels Erik

Tak for forsøget. Det gør desværre ingen forskel.
Problemet er at stylingen af <a> overrider de andre styles.

Hovsa -skulle have været en kommentar.......

<ole>

Drop dine A elementer. Du har ikke noget at bruge dem til. I stedet kan du bruge li:hover.

Derudover er float fortrinligt til f.eks. at lave tekstomløb omkring et billede eller en boks. Til at lægge block elementer ved siden af hinanden, bør man i stedet bruge display:inline-block.

Den er skabt og skræddersyet til opgaven, og du undgår at flå elementer ud af sidens naturlige flow - samt at 'hacke' dig ud af de deraf følgende problemer med clear.

Det er ikke uden grund, at float af flere og flere bliver kaldt tabellernes afløser, når det gælder element-abuse i HTML  *o)

/mvh
</bole>

Tak for dine bemærkninger ole -jeg vil lave det om til inline-block.

Nu skulle jeg bruge <a>'erne til at loade sider i content_container.

-Det hele skal ligge i asp, så content_container er i virkeligheden en ASP NET ContentPlaceHolder.

Men siderne kan selvfølgelig loades uden <a> med noget onclick i code-behind eller med javascript.

Så lad A'erne ligge - men brug li:hover

Det ser ikke ud til at vi kommer nærmere en løsning.......

Jeg har besluttet mig for at bruge <A>, og så leve med at toplevel menuen ikke bliver præcis som den skulle.

Så hvis i vil lægge nogle svar? -så jeg kan få lukket.

olebole: Nu har jeg eksperimenteret lidt med inline-block, og det er heller ikke helt uproblematisk, da der tilsyneladende kommer skjulte margener på div'erne pga whitespace i markup'en.
Så enten er man nødt til stille sin kode lidt kunstigt op, eller bruge float (og dermed clear) alligevel. Eller kender du bedre løsninger?

"Jeg har besluttet mig for at bruge <A>" >> Jamen, så er den potte jo ude - for så får du det ikke til at virke, som du ønsker.

Nej, der opstår ikke 'skjulte marginer', men det kan vel ikke komme bag på nogen, at der opstår mellemrum mellem inline elementer, der står på hver sin linje.

At slette linjeskift mellem inline elementer for at få dem til at stå lige ved siden af hinanden, er ikke spor kunstigt. Det har været helt almindelig praksis siden begyndelsen af 90'erne, da HTML kom til verden.

At flå elementer ud af sidens naturlige flow er derimod kunstigt. Det bliver vi nok ikke enige om, men sådan er det nu engang. Jeg har gennem mange år vænnet mig til at diskutere med folk, om det hensigtsmæssige i at undlade at bruge tabeller til layoutformål. Det er der også mange, der synes, er 'kunstigt' og uoverskueligt ... tjahh.

Hvis jeg havde haft bedre løsninger end at bruge HTML, som det er tænkt, og som man altid har gjort, ville jeg have givet dig dem  =)

Jeg samler ikke point, så det må være NielsErikP's - men tak for tilbudet  =)

"for så får du det ikke til at virke, som du ønsker."

Nej, det gør jeg desværre ikke, men det jo fordi der ikke er kommet bedre forslag. A overrider jo også div eller li der er formateret med inline-block, som jeg i øvrigt da HAR tænkt mig at bruge.
Og jo, det KAN komme bagpå nogen (mig!) at linieskift tæller med,
-især fordi sproget i alle mulige andre sammenhænge komplet ignorerer det.

"Nej, det gør jeg desværre ikke, men det jo fordi der ikke er kommet bedre forslag" >> Jo, det er der da!

"A overrider jo også div eller li der er formateret med inline-block" >> Det forstår jeg ikke. Hvad mener du?

"Og jo, det KAN komme bagpå nogen (mig!) at linieskift tæller med,
-især fordi sproget i alle mulige andre sammenhænge komplet ignorerer det." >> Nej, tværtimod. Det er lige efter bogen/standarden  =)


Det er der ikke spor mærkeligt i  =)

Sådan skulle det selvfølgelig se ud:

Det svarer fuldstændig til, at:


- renderes som:

Hej...

Som ole siger i #6 må det absolut være :



Sku du bruge et svar, så er det her!

OK olebole, point taken omkring linieskift.

For at vende tilbage til det tråden handler om:

Det må være mig der er tungnem, for jeg kan ikke få det til at virke.

Jeg har strippet siden for alt undtagen menuen: http://www.mhtips.dk/

Som i kan se hjælper det INTET at sætte en color i li:hover, da stylen på A-tagget overrider den.
Og hvis jeg udelader stylen på A-tagget, så bliver den bare blå.

Hvis en af jer har løsningen kunne i så ikke vise den fulde kode?
-Nu fylder den ikke meget...

PS Du får pointene for forsøget Niels Erik, da olebole ikke vil have nogen

Har du prøvet noget i stil med:

- og så skal du formodentlig også bruge noget à la:

Ja, jeg havde prøvet li:hover a

Det giver det ønskede resultat på toplevel, men som du korrekt formoder så gør det alle sublevelmenupunkter hvide.

Jeg havde ikke forsøgt li:hover li a, men den gør dem alle sorte igen (altså ingen hover effekt).

Men nu har jeg da en ny retning at teste i, så mange tak for forslaget!

Ja, der var den sgu!!!!!

MANGE tak for hjælpen olebole.

Nu har jeg jo givet Niels Erik points, men skal jeg ikke oprette et spm. med points til dig?

Ellers tak, jeg samler ikke point - men tak for tilbudet  =)

Hej...

Tak for point :-)
Godt du fandt en løsning!