Avatar billede zoom Praktikant
16. december 2001 - 21:45 Der er 17 kommentarer og
2 løsninger

Problem med Drop down menu med layers

Hej alle Dream fans

Jeg har lavet en horisontal menu med dropdown undermenuer. Jeg har lavet dem lige efter bogen så menuknappen skifter farve ved MouseOver og samtidig fremkommer en dropdown menu som er lavet som et billede der er indsat i et layer, med 5-7 under-menupunkter som imagemaps. Sitet er centreret.

Det fungere fint i 800*600 men i andre browser indstillinger (hvor hele sitet jo flytter sig) kommer dropdown menuerne tilsyne helt forkerte steder.
Da jeg fandt ud af browserproblemet, lavede jeg en tabel lige under menuknapperne
og satte lagets anchor ind i hver sin celle. Således håbede jeg på at undermenuerne ville  positionere sig i forhold til cellerne,
men det gør de bare ikke ? Jeg kan se at der i properties er mulighed for at ændre på datas for \"tag\" og hos mig står denne på \"DIV\" som standard, ændre jeg til \"LAYER\" vises undermenuen som standard i browseren og det var jo ikke meningen når den først skal komme på MouseOver--Hvad har jeg gjort forkert eller mangler jeg noget for at få de dropdown menuer til at åbne rigtigt i alle browser størrelser
Jeg går udfra at det i Dreamviewer 4 er muligt at løse problemet eller ???
Zoom
Avatar billede zoom Praktikant
16. december 2001 - 22:56 #1
Jeg vil lige tilføje at der ikke er problemer hvis man stiller sitet til \"default\"-placering men det er jo ikke altid det er smart så spørgsmålet på ovenstående problem er vedr. sites der er centreret.
Avatar billede pelkjaer Nybegynder
17. december 2001 - 16:04 #2
Brug \"snap layers\" fra projectseven.

Her er en tutorial til hvordan man laver en dropdownmenu, samt til hvordan man centrerer den.

http://projectseven.com/tutorials/menuing/mcloser/page4.htm
Avatar billede alpapa Nybegynder
18. december 2001 - 15:07 #3
Hvis du laver hele sitet i en centreret tabel, kan du placere dine \"Anchor Points for Layers\" i  layout cell´s. Herefter markere du dit layer og sletter L og T i Properties Inspector. Husk at sætte dine undermenuer til \"hidden\", og gå så igang med \"Show Hide Layers\" og evt. timeline.
alpapa
Avatar billede pelkjaer Nybegynder
18. december 2001 - 15:09 #4
alpapa>>Den løsning går ikke når der er tale om dropdownmenuer :)
Avatar billede alpapa Nybegynder
18. december 2001 - 15:11 #5
Hvorfor ikke?
Avatar billede pelkjaer Nybegynder
18. december 2001 - 15:15 #6
Du låser jo dine muligheder rent udseendemæssigt, da du ikke kan definere en afstand til et et menupunkt.
Avatar billede alpapa Nybegynder
18. december 2001 - 15:28 #7
Det jeg foreslår vil da virke hvis tabellen er sat til pixel i width og height.
Avatar billede pelkjaer Nybegynder
18. december 2001 - 15:28 #8
og hvad værre er, er løsningen ikke NS 4 kompatible :)
Avatar billede alpapa Nybegynder
18. december 2001 - 15:30 #9
Okay, det har du ganske givet ret i.
Avatar billede alpapa Nybegynder
18. december 2001 - 16:16 #10
pelkjaer>>
Lige for at få det helt på plads, er det ikke noget ligende denne menu \'zoom\' gerne vil lave?
http://www.whyweb.dk/whyweb_info.htm
alpapa
Avatar billede pelkjaer Nybegynder
18. december 2001 - 16:50 #11
I princippet jo, men som jeg sagde lige før, så kan du ikke få det til at virke i NS 4 på den måde.

Endvidere får du en ualmindelig uoverskuelig kode, der er jo brugt sindsygt mange rows og cols for at positionere layersne.

Gør nu som jeg efterhånden har sagt en del gange i denne kategori - brug snaplayers.

Det har jeg gjort på demenskonsulent.dk - og den virker i både IE 4/5/6 - NS 4/6 og Opera 5
Avatar billede alpapa Nybegynder
18. december 2001 - 16:56 #12
Om folk bruger det ene eller det andet er vel til dem selv.
Avatar billede pelkjaer Nybegynder
18. december 2001 - 16:58 #13
Ja, hvis man er ligeglad med om alle kan se ens side :-)

Avatar billede zoom Praktikant
18. december 2001 - 19:13 #14
alpapa> den menu du henviser til er i princippet
sådan jeg ønsker ar lave den. Er det en centreret side ?

pelkjaer> jeg har ikke brugt snap layers før men  vil se på det...forklar lige kort hvad projectseven går ud på...så skal du nok få nogle points *S*
Zoom
Avatar billede alpapa Nybegynder
18. december 2001 - 22:03 #15
Jeps, og ligegyldigt hvilken opløsning du bruger vil menuen og undermenuen altid ligge præcist i forhold til hinanden ;-)
Avatar billede pelkjaer Nybegynder
18. december 2001 - 22:54 #16
Okay here goes:

Snap layers er et script, som gør at man kan bruge et billede (evt. blot en transparent gif)som anchorpunkt for et eller flere layers. Dette billede kan være placeret i en tabel, i en paragraph eller i et html-element.
Blot husk at give det et navn.

Dette gør så at du kan placere et layer(s) relativt på din side, uanset skærmopløsning - og giver dig derfor mulighed for at lave menusystemer og andre layerseffekter som flytter sig dynamisk i forhold til hinanden.
Alt sammen mainstreambrowser compatiple.

Du kan her se et lille eksempel på et layer som tilsynladende følger den grå table - det gør det ikke, men derimod den tranparente 1x1 gif inde i øverste celle.

Og for at det skal virke ved rezise, er der tilføjet en location.reload()
http://www.demenskonsulent.dk/pelkjaer/snap_demo.htm

Dette er kun første skridt i at lave en dynamisk dropdown/flyout menu.
Du skal endvidere bruge en behavior der er baseret på MM\'s egen show/hide layer, men langt mere kraftfuld (+ noget mindre kode).

Jeg kan kun anbefale dig at sætte dig ned og gennemgå flg. tutorial på project sevens\'s side - du lærer fra start til slut at lave en centreret dropdownmenu vha. bl.a netop omtalte extentions.
http://www.projectseven.com/tutorials/menuing/mcloser/index.htm

/pelkjaer
Avatar billede pelkjaer Nybegynder
18. december 2001 - 22:57 #17
Den til sidst nævnte behavoir hedder selvfølgelig \"autolayers\"

:-)
Avatar billede zoom Praktikant
19. december 2001 - 00:29 #18
tak for hjælpen indtil videre...jeg har lidt at gå igang med nu *S*

20 til alpapa og
100 til Pelkjaer

Snakkes
;-)
Zoom
Avatar billede alpapa Nybegynder
19. december 2001 - 00:31 #19
Takker :)
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
Kurser inden for grundlæggende programmering

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