søger simpel vertikal menu i HTML

Jeg bruger selv:
http://www.alistapart.com/articles/horizdropdowns/
En rigtigt god artikel om hvordan du kan lave det du søger vha CSS og et lille javascript (kun nødvendigt for internet explore)

Håber du kan bruge det

Mvh Martin

hej Martin,

Ja det er sådan noget jeg leder efter...altså en menu der åbner submenuer i v.h.a. CSS...desværre kan jeg ikke få det ganske glimrende eksempel ti at virke.

Det kan være du kan hjælpe mig??


mvh
Mads

PS! er vilig til at spæde lidt point/karma til dig hvis det skulle være!

Point mængden betyder ik det store :) hjælper gerne, men det må lige vente til i morgen da jeg har den glæde at fejre føs'dag i dag heh

Mvh
Martin

Tillykke med dagen!

mvh

Mads

Tak tak, vel overstået og klar til noget menu :)

jeg jeg er klar!! he he

mvh
Mads

den skal ligge på denne side:

http://www.netausupport.frac.dk/opgave/

i venstre side

jeg vil gerne have menuen til at indehode følgende:

1.forsiden  (linker til index)

2.udannelser (linker til 3 forskellige udddannelser)

3. kontakt (linker til en siden med adresse,email,fax osv...)



kan du hjælpe mig med dette??

mvh
Mads

Jeg kan ikke komme ind på siden....

http://www.netausupport.frac.dk/opgave/


jeg har lige prøvet jeg kan godt komme ind på siden...hvad mon der er galt?


mvh
mads

jeg har lagt den her istedet:.

http://www.klartilsyn.com/opgave/

mvh
mads

Har lige sat menuen op på:
http://martin-nielsen.com/exp/navEx.htm

Men da jeg ik kan komme ind på din side kan jeg ikke tilpasse farver eller noget :)

Mvh Martin

Hov glemte at opdatere heh :)

hmmm det virker ikke den står het skævt inde i det område hvor menuen er.

http://www.klartilsyn.com/opgave/  kan du åbne denne adresse:

PS! jeg går ud fra at jeg skal rette i mit CSS (jeg anvender et eksterne CSS.

mvh
Mads

Jeps, kan se siden, jeg kigger lige på den efter frokost, mvh martin :)

okey dokey martin....jeg hæver lige point til 200 som du skal have for din hjælp  indtil videre ihvertfald.


mvh
mads

Så er jeg tilbage, tror problemet ligger i
default/basic.css
hvor <style type="text/css">
og </style> lige skal ud

Tror det vil gøre det

Mvh Martin

nu er den næsten ved at være der bortset fra at den ikke åbne de under liggende menuer når jeg holder musen henover1


mvh
mads

skift
#nav li:hover ul, #nav li.over ul { display: block; } /* The magic */

ud med
#nav li:hover ul, #nav li.over ul { display: block;z-index:500; } /* The magic */

Så virker den i hvert fald i mozilla

Så er der bare lige IE vi skal ha styr på, vender tilbage :)

hmm nej det var ikke den der skulle skiftes
det var den her:
#navigation ul li {
    position: relative;
}
med
#navigation ul li {
    position: relative;
        z-index:500;
}

ja nu virker den i Mozilla Firefox men ikke i IE...? hvad kan der mon være galt??

mvh
Mads

kan det skyldes det JavaScript der følger med tilmenuen?

mvh
mads

Så fandt jeg frem til den heh,
sæt z-index:500;
på din menu style også så skulle det funke :)
Måske... heh

ved ikke hvor meget du er inde i css, z-index bruges til at bestemme hvilken rækkefølge fx div skal ligge i

Hmm underligt, nu havde jeg lige tjekket den virkede, og så virker den ik alligevel næste gang man tjekker, hmm

Okay, endnu en gang,
fjern onLoad="syncronizeDivs();" fra body tagget og smid syncronizeDivs(); op efter window.onload=startList;syncronizeDivs();

Så virker det i hvert fald her,
havde glemt jeg havde flyttet den

ok den virker også i IE nu men...den ligger under indholdet af siden i IE.

Der skal ændres noget i Z-index for mit <div id="indhold"> er det korrekt?

mvh
Mads

Hmm jeg satte bare z-index:500 i #menu så virkede det i ie og undlad at sætte en z-index på indhold

virker den i din Interet Explorer?

mvh
Mads

Hmm nej,
prøv: http://martin-nielsen.com/exp/test.html den virker i min ie, har bare smækket alle dine stylesheets ind i samme dokument

Nu Virker alt!!! du er en helt webt du har reddet min dag!


smid et svar og får 200 meget velfortjente point af mig!!

tak for hjælpen!


mvh
Mads

Du får et svar :) glad for at kunne hjælpe

Mvh
Martin

har også lige strøet lidt god Karma over dig....men sig mig enganng...hvordan kan det være at IE skla have hjælp af et JavaScript til at kunne fremvise denne menu korrekt?

mvh
mads

Takkker for point, og fortsat god arbejdslyst :)

Det er fordi IE ikke understøtter pseudo klassen hover på andet end links, det kan alle rigtige browsere sagtens finde ud af da det er CSS standard, så det javascriptet gør er at omdøbe hvilken class undermenuen skal ha, så den får samme class som den gør i andre browsere når man fører musen over,,, skal vi håbe på IE7 kan finde ud af det? heh
Tak for karma... først lige kommet tilbage til eksperten for et par måneder siden og før det var der ikke noget der hed karma, så måske du kan svare mig på hvad det egenlig går ud på?

Karma, (egentlig et religiøs ord i forbindelse med Buddhismen) går ud på at man kan læse andres vurderinger af dig som bruger, den måde du deltager i/besvarer spørgsmål på.

jeg fandt denne definition på engelsk:

Religious doctrine that each rebirth in the cycle of lives is based on the sum of the merit accumulated by an individual during his previous lives. Karma establishes the general tendency of a life but does not determine specific actions. In each life, the interaction between individual character and previously established karma forms the karma of succeeding lives.

mvh
mads

ps! hvad er Pseudo klassen?


mvh
Mads

ah ok, så alm betydning bare her på eksperten så er jeg også med,, sker ting og sager når man er væk i et årstid, ja men så siger jeg også tak for karma :)

Pseudo klasser er fx. :hover, :visited osv, dem understøtter ie kun på links altså, a:hover, men menuen bruger dem på li:hover, hvilket er gyldigt css, men IE halter bare bagefter (http://www.w3schools.com/css/css_pseudo_classes.asp)