Flyt JS-menu

Du skal nok ned i en af de JS filer som de menu består af for at ændre det, menuen er lavet så den "flyder" oven på htmldokumentet. Hvis du lige smider et link til der du har hentet menuen vil det hjælpe.

http://www.milonic.com/

okay, du har hentet en fil der hedder "menu_data.js" i linje 36 og 39 står der: "left=10;" og "top=10;" det er disse to værdier der bestemmer hvor menuen skal være! det er samtidigt inde i den fil du ændre alt layout på menuen!

Super! Tak. Men så kommer den vel til at stå forskellige steder afhænigig af hvilken bruger der besøger min side?

Jeg tænker, hvis jeg gerne vil have den midt på skærmen. Om finder ud af at det er 10x200 pixels på min skærm der er 1000pix bred. Så kommer der en anden med 800pix bred og der står ikke i midten.

Kan jeg ikke smide den i en tabel?

Den kan ikke smides i en tabel, det er ikke meningen med JS filer. Jeg tror ikke den her menu er lavet til at centrer, men måske det kan lade sig gøre ved lidt udregninger!

På siden: http://www.milonic.com/ har de "låst" deres menu fast. Hvordan kan jeg gøre dette?

hvad mener du med låst?

jeg har leget lidt med det at centrer (er længe siden jeg har arbejdet med JS) men det kan lade sig gøre, hvis du over din "left=10;" indsætter:

menuWidth = 500;
screenWidth = screen.width;

og ændre "left=10;" til "left=(screenWidth-menuWidth)/2;" så skal du bare ændre "menuWidth" værdien til at have samme brede som menuen, den man kan desværre ikke aflæse direkte, så den skal man selv finde frem til!

så er der en anden løsning: hvis man læser i deres dokumentation, så kan man istedet for "left=10;" skrive "screenposition="center";" og så er den midt på siden som du vil have det. Så slipper man for at det andet bøvl :D

Vi er meget tæt på at være der...

Prøv at se her:

http://www.houlborg.dk/eksperten/20070520/eksperten.jpg

Øveste er et screenshot fra en skærm med 1024x768.
Nederst er et screenshot fra 1280x800 pixels.

Menuen står ikke ens. Det vil sige at nogle brugere ser min menu forkert...

Altså hjemmesiden er bygget op af en tabel der er 1000 bred, denne er centret på hjemmesiden... Men Min menu starter jo fra venstre med at blive placeret...

jeg skal lige høre, på hvilken af de to billeder står menuen rigtigt, for screenposition="center"; skulle placere menuen i centrum også selvom du ændre browser størrelse, men er det meningen at den skal være placeret til "venstre i midten" (det nederste billede)

Den står rigtig på den nederste. Men jeg har ikke centeret. Jeg har brugt dit forslag med:

menuWidth = 500;
screenWidth = screen.width;

og ændret placeringen i left og top. Det skyldes at den ikke skal være helt centeret...

Problemet med at centre er at hvis man ikke har maksimeret vinduet og loader min side, så loades javascriptet centret. Når vinduet maksimeres tilpasser tabellerne sig, men ikke javascriptet... Prøv evt at se på: www.netgymnast.dk (Dette er en anden af mine sider med en menu). Her er menuen centeret. Prøv at lave vinduet mindre - tryk f5 og efterfølgende maksimere vinduet. Så står menuen skævt, ind til man trykker f5 igen...

hvis dit tabel er 1000 og du fx til have den til at være 10 fra venstre i denne tabel, så kan du bruge:

x = screen.width/2;
left=x-490;

så skulle den være 10 px fra venstre i din tabel. Men du vil stadig få det problem at menuen vil have en fast placering når browservinduet ændres, det er der nok ikke så meget at gøre ved. Ellers skal du finde en menu der er mere designet til dit behov eller lave en selv!

Det løser desværre ikke problemet, for som du skriver så har menuen en fast placering når browservinduet ændres.

Jeg må prøve at undersøge hvordan de gør på:

http://www.milonic.com/

Siden de kan lave det der...

De kan gøre det fordi de har en fast margin i venstre side... lige meget hvor stor din browser er så left afstanden altid den samme. menuen er ikke lavet til et centreret design!

Ja. Jeg lukker her og prøver at stille spørgsmålet i katagorien for JS... Tak for din hjælp.