/ Forside/ Teknologi / Internet / Hjemme sider / Spørgsmål
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Hjemme sider
#NavnPoint
molokyle 23766
Klaudi 7947
bentjuul 7763
BjarneD 4584
severino 4460
Manse9933 4366
natmaden 3985
disken 3947
miritdk 3593
10  refi 3578
Menu til Hjemmeside
Fra : moltov
Vist : 567 gange
200 point
Dato : 21-08-07 10:05

Hejsa

Er der nogen der ved, hvor jeg kan finde en menu til en hjemmeside? Der er følgende krav:

1. kompatibel med andre browsere end kun IE
2. Kompatibel med Mac og alm. PC
3. Mulighed for undermenuer op til 4 levels.
4. Skal kunne laves både som vandret og lodret menu

HJÆLP en stakkels mand med hans hjemmeside

Moltov

 
 
Kommentar
Fra : brokke44


Dato : 21-08-07 10:28

Denne vil sætte dig godt igang: http://www.a-begynder.dk/scripts/css/css/css_menu.htm

Men som skrevet står på denne side bør du nok bruge lidt tid på at lære om stylesheet CSS

Kommentar
Fra : bentjuul


Dato : 21-08-07 10:35

webdesign101 har lidt gode menuer og forklaringer http://www.webdesign101.dk/navigation/

//bentjuul

Kommentar
Fra : molokyle


Dato : 21-08-07 11:25

Der findes rigtigt mange menuer i CSS der både validerer korrekt i henhold til standarden som anbefalet af www.w3.org ...er crossbrowser kompatible og som opfylder dine krav til dropdown/flyout niveauer: http://www.cssplay.co.uk/menus/

Ydermere findes der en generator som laver koden for dig: http://www.kandu.dk/Tip15957.aspx

</MOLOKYLE>





Kommentar
Fra : disken


Dato : 21-08-07 13:21
Kommentar
Fra : disken


Dato : 21-08-07 13:23
Accepteret svar
Fra : molokyle

Modtaget 200 point
Dato : 22-08-07 03:41

Problemet med DHTML ((X-)HTML og Javascript) menuer er netop browserkompatibilitet disken.

Man skal for det første sikre at de forskellige DOM implementationer tilgodeses. F.eks. kan:

IE -> document.all
Mozilla -> document.layer

..bruges til at 'udmaske' browsertypen, men betyder også redundant kode, hvilket besværliggør vedligeholdelse.

For det andet vil der ofte opstå problemer for folk med skærmlæsere og de som af sikkerhedshensyn og performance har slået scripting fra. Disse brugere vil slet ikke kunne benytte et DHTML menusystem. Derimod vil alle kunne bruge et CSS menusystem ..uanset at nogen browsere så 'kløjs' i layoutet, medmindre der specifikt tages højre for deres renderingsmetoder.

Jeg medgiver dog det heller ikke er helt uden problemer, at få CSS til at makke ret i div. browsere grundet manglende understøttelse af standarden. Man kan vælge at benytte browser hacks: http://www.positioniseverything.net/ ...betingede kommentarer: http://msdn2.microsoft.com/en-us/library/ms537512.aspx ..en blanding af disse teknikker ..eller helt at undgå hacks: http://css-discuss.incutio.com/?page=AvoidingHacks

Det er efterhånden ved at være en større 'videnskab'.

Selv benytter jeg betingede kommentarer og 'dedikerede' stylesheets UDEN hacks ved at udnytte CSS precedensreglerne for at sikre at layout holder i forskellige browsere.

Stuart Nicholls menuer:

1.) Dropdown: http://www.cssplay.co.uk/menus/simple_vertical.html
2.) Flyout: http://www.cssplay.co.uk/menus/flyout_4level.html

Burde indeholde alle de elementer moltov efterspørger, men viser også det ikke er helt simpelt at få div. browsere til at 'makke ret'.

BEMÆRK:
Citat
2. Kompatibel med Mac og alm. PC


Det er alle hjemmesider uanset menustrukturen implementeret i (X-)HTML, Javascript og CSS

Forskellen ligger i browseren.

Når man vil teste layout for forskellige browsere: IE5, IE5.5, IE6, IE7, Netscape, Mozilla Firefox, Safari, Opera, Konqueror, Seamonkey osv. behøver man ikke have dem alle installeret. Man kan i stedet teste sit layout som screendump her: http://browsershots.org/

Man kan teste for forskellige opløsninger, Javascript og Java versioner, Flash mm.

Når man efter et stykke tid reloader resultatsiden får man mulighed for at forlænge timeout, hvis ikke screenshots er dukket op endnu (..der er mange om budet på denne 'service' !!!)

</MOLOKYLE>

Godkendelse af svar
Fra : moltov


Dato : 22-08-07 10:12

Tak for svaret molokyle. Menuerne vil jeg arbejde videre med. Ganske imponerende det program, hvor man kan lave menuerne på. Endelig er det et skide god hjemmeside, hvor man kan afprøve hjemmesiden på alle browsere uden at have dem installeret.

Hvis jeg laver menuen via den du har givet, kan de så vises på alle browsere? Ok, det er vigtigere at de virker på Opera mozilla og så IE. så må resten så leve med at de ikke kan se alt.

Man kan ikke gøre alle tilfredse vel?

Moltov

Kommentar
Fra : molokyle


Dato : 22-08-07 10:44

Som det fremgår af 'banneret' i toppen af menugenerator siden, så understøttes: Netscape, Mozilla, Firefox og IE, da koden (..som du også kan læse sammesteds) er baseret på:

http://www.cssplay.co.uk/menus/flyout_4level.html

..denne menu understøtter også Opera:
Citat
Tested in IE5.5, IE6, IE7, Firefox and Opera.


Desværre er der problemer med layout'et i Opera for menugenerator versionen, som nævnt:
Citat
Jason:-
An online friend of mine mentioned it doesn't work in Opera. Is that something you are working on?
(25.04.2007, 13:19)

Stu:-
Jason, this has been noted. But at the moment it works in IE5.5, IE6, IE7, Firefox, Mozilla and Netscape. It should be ok in Safari though I have had no feedback from Mac users.
(25.04.2007, 13:55)


</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 23-08-07 02:00

Så kom der en ny menu fra Start Nocholls kompetente hånd:

http://www.cssplay.co.uk/menus/three-up-two-down

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 23-08-07 02:03

Start Nocholls ??? ... Stuart Nicholls ..for dælen da også!

Sorry Stu...

</MOLOKYLE>

Du har følgende muligheder
Eftersom du ikke er logget ind i systemet, kan du ikke skrive et indlæg til dette spørgsmål.

Hvis du ikke allerede er registreret, kan du gratis blive medlem, ved at trykke på "Bliv medlem" ude i menuen.
Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408914
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste