[HTML/Javascript]Pagina werkt perfect in Firefox, niet in IE

[Angeloonie]

Het gaat om deze pagina:

http://home.wanadoo.nl/dinkela/sizzle.htm


Als je hem in FireFox bekijkt krijg je een mouse-over waar je muis is, maar in IE gebeuren er verschillende dingen:

- Mouse over op andere plek
- Mouse over werkt niet
- Mouse over bij het menutje!


Hem hem langs de W3 validator gehaald, en geen fouten, toch klopt er helemaal niks van in IE.


Wat is het probleem hier?

Kan wel tegen iedereen gaan zeggen dat ze FireFox moeten gaan halen, maarja.. das ook nie handig

[Verwijderd]

Angeloonie schreef op 13 september 2004 @ 19:44:

Hem hem langs de W3 validator gehaald, en geen fouten, toch klopt er helemaal niks van in IE.

Vertel eens tegen ons wat die validator doet.

En ohja, ik ga echt geen Dreamweaver javascript zitten debuggen.

[Verwijderd]

Angeloonie schreef op 13 september 2004 @ 19:44:
Het gaat om deze pagina:

http://home.wanadoo.nl/dinkela/sizzle.htm


Als je hem in FireFox bekijkt krijg je een mouse-over waar je muis is, maar in IE gebeuren er verschillende dingen:

- Mouse over op andere plek
- Mouse over werkt niet
- Mouse over bij het menutje!


Hem hem langs de W3 validator gehaald, en geen fouten, toch klopt er helemaal niks van in IE.


Wat is het probleem hier?

Kan wel tegen iedereen gaan zeggen dat ze FireFox moeten gaan halen, maarja.. das ook nie handig

Dat krijg je met van die gegenereerde scriptjes... Kun je een beetje javascript? Schrijf de scriptjes dan even overnieuw en begin zo simpel mogelijk om zo te zien waar de fout optreedt...

Edit: om te beginnen kun je die scriptjes van dreamweaver weglazeren en gewoon een div maken met als achtergrond die grote foto en als vulling al die kleine plaatjes. Dan geef je elk van die kleine plaatjes in de <img>-tag de code

code:

style="visibility:hidden"

mee, zodat ze in eerste instantie niet zichtbaar zijn maar wel allemaal op de juiste plaats staan. Dan geef je verder

code:

onmouseover="this.style.visibility=visible" onmouseout="this.style.visibility=hidden"

mee en klaar ben je. Daar kan al een stuk minder mee misgaan dan met die dreamweaverhandel lijkt me...

[ Voor 28% gewijzigd door Verwijderd op 13-09-2004 20:20 ]

[Angeloonie]

Kan dus 0,0 javascript. Daarom heb ik met dreamweaver die mouseovers gedaan.

[Verwijderd]

Angeloonie schreef op 13 september 2004 @ 20:19:
Kan dus 0,0 javascript. Daarom heb ik met dreamweaver die mouseovers gedaan.

Zie edit .

[Angeloonie]

Hoe bedoel je precies:

gewoon een div maken met als achtergrond die grote foto


Hoe doe ik dat?

Rest lukt me wel


edit: laat maar, heb het al

edit2: Het werkt wel, maar nu is die "background" niet gecentered en hij repeat zichzelf...

[ Voor 37% gewijzigd door Angeloonie op 13-09-2004 21:45 ]

[Verwijderd]

Angeloonie schreef op 13 september 2004 @ 21:37:
Hoe bedoel je precies:

gewoon een div maken met als achtergrond die grote foto


Hoe doe ik dat?

Rest lukt me wel

Nou, gewoon:

code:

<div style="width:??px; height:??px; background:url(images/MooiMeisje.jpg)"><img ...><img ...>...<img ...></div>

Hiervoor heb je wel het origineel van je achtergrondfoto nodig, niet die verknipte stukjes die nu in een gigantische tabel staan...

[Verwijderd]

Angeloonie schreef op 13 september 2004 @ 21:37:
Hoe bedoel je precies:

gewoon een div maken met als achtergrond die grote foto


Hoe doe ik dat?

Rest lukt me wel


edit: laat maar, heb het al

edit2: Het werkt wel, maar nu is die "background" niet gecentered en hij repeat zichzelf...

Even de width en height van de div even groot maken als die van het plaatje.

[Angeloonie]

Ok, volgens mij gaat er iets fout..

Click de link bovenin nog eens. Had er ff snel 8 plaatjes gedumpt, maar nu zie je dus helemaal niks, zelfs niet de achtergrond.

Heb ik in de code van de div/img iets fout gedaan?

[Verwijderd]

Angeloonie schreef op 13 september 2004 @ 22:19:
Ok, volgens mij gaat er iets fout..

Click de link bovenin nog eens. Had er ff snel 8 plaatjes gedumpt, maar nu zie je dus helemaal niks, zelfs niet de achtergrond.

Heb ik in de code van de div/img iets fout gedaan?

Ik zat even in bad

Dit zie ik nu staan:

<div align="center" stylewidth:475px; height:387px; background:url(images/sizzle/sizzle.jpg)>[img]"images/sizzle/11on.gif"[/img]

Dit moet zijn:

<div align="center" style="width:475px; height:387px; background:url(images/sizzle/sizzle.jpg)">[img]"images/sizzle/11on.gif"[/img]

(de veranderingen zijn bold).

Eigenlijk is die align="center" ook niet ok... Jammer dat jij/Dreamweaver er zo'n hele tabellentoestand van hebt gemaakt, dit had veel efficienter met div-jes gekund. Maar goed, succes!

[Grijze Vos]

Volgens mij kom je er met deze hulp wel al doorheen. (Zo niet, dan voeg ik nog wel wat geblaat toe. ) In ieder geval mn complimenten voor de site, ik vind de stijl heel mooi.

[Angeloonie]

http://home.wanadoo.nl/dinkela/sizzle.htm


Ok, heb het nog snel even veranderd voor ik naar school moet, maar het werkt niet.

Je kan die verborgen plaatjes dus wel selecteren, maar niet zichtbaar maken.


Volgens mij heb ik de code nu exact zoals die hier staat. Maarja, ben nog niet helemaal wakker, dus ik zou ergens een ' vergeten kunnen zijn


In ieder geval hardstikke bedankt voor de hulp!

[Verwijderd]

Angeloonie schreef op 14 september 2004 @ 07:44:
http://home.wanadoo.nl/dinkela/sizzle.htm


Ok, heb het nog snel even veranderd voor ik naar school moet, maar het werkt niet.

Je kan die verborgen plaatjes dus wel selecteren, maar niet zichtbaar maken.


Volgens mij heb ik de code nu exact zoals die hier staat. Maarja, ben nog niet helemaal wakker, dus ik zou ergens een ' vergeten kunnen zijn


In ieder geval hardstikke bedankt voor de hulp!

Sorry, fout van mij, blijkbaar vangt een element dat niet zichtbaar is ook geen onmouseover events...

Njah, het beste is dan misschien om toch de images te swappen, d.w.z. je verdeelt die grote foto weer in kleinere stukjes en vervangt het betreffende stukje van de foto door zo'n animated gif.

code:

<div style="width:465px; height:387px">[img]"klein_stukje_uit_grote_foto.jpg"[/img]<img src="klein_stukje_uit_grote_foto2.jpg" alt="Addictive" 
width="110" height="65" onmouseover="this.src='images/sizzle/12on.gif'" onmouseout="this.src='klein_stukje_uit_grote_foto2.jpg'">......</div>

Verder moet je eigenlijk even die

code:

onLoad="MM_preloadImages('images/menu/rewind.jpg',..........)"

uit je <body>-tag weghalen, die functie bestaat immers niet meer. Aan de andere kant is het misschien wel goed om je images even te preloaden, omdat je images vrij groot zijn (sizzle.jpg is 112 KB en die animated gif-jes zijn ook behoorlijk). Daarmee kun je voorkomen dat de plaatjes een voor een op het scherm verschijnen.

Ik sluit me aan bij de vorige poster btw, hele mooie layout!

[Angeloonie]

ok, ga het direct weer proberen


Ik laat die images idd preloaden omdat de gifjes nogal groot zijn, en als ze pas bij mouse-over gaan laden lijkt het net of er niks gebeurt


Bedankt voor de comment over de layout


edit: Het werkt! Super, zowel in FireFox als IE ziet het er goed uit! (Bij mij tenminste) Mocht er nog iets fout gaan bij jou dan hoor ik het wel


Het klopt dat bij sommige delen geen mouseovers verschijnen, omdat ik ze nog niet allemaal af heb.

[ Voor 36% gewijzigd door Angeloonie op 14-09-2004 13:14 ]

[Verwijderd]

Angeloonie schreef op 14 september 2004 @ 12:57:
ok, ga het direct weer proberen


Ik laat die images idd preloaden omdat de gifjes nogal groot zijn, en als ze pas bij mouse-over gaan laden lijkt het net of er niks gebeurt


Bedankt voor de comment over de layout


edit: Het werkt! Super, zowel in FireFox als IE ziet het er goed uit! (Bij mij tenminste) Mocht er nog iets fout gaan bij jou dan hoor ik het wel


Het klopt dat bij sommige delen geen mouseovers verschijnen, omdat ik ze nog niet allemaal af heb.

Bij mij (Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.3.1) Gecko/20030425) doen de eerste drie 'regels' met plaatjes het perfect, op 'regel' 4 t/m 6 gaat ie flippen, maar dat kan dan komen omdat je die nog niet helemaal af hebt?

Sizzle zal wel erg gelukkig met je zijn... En daar ben jij op jouw beurt vast wel weer erg gelukkig mee

[Angeloonie]

Verwijderd schreef op 14 september 2004 @ 13:55:
[...]


Bij mij (Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.3.1) Gecko/20030425) doen de eerste drie 'regels' met plaatjes het perfect, op 'regel' 4 t/m 6 gaat ie flippen, maar dat kan dan komen omdat je die nog niet helemaal af hebt?

Sizzle zal wel erg gelukkig met je zijn... En daar ben jij op jouw beurt vast wel weer erg gelukkig mee

Ik ga zo snel mogelijk ff die plaatjes afmaken, dan zullen we zien wat er gebeurt


Enneh.. Was het maar zo'n feest, Sizzle (Cecile) is m'n vriendin (helaas) niet, maar ze was er wel blij mee


edit: Als het goed is doet alles het nu!

[ Voor 12% gewijzigd door Angeloonie op 14-09-2004 14:46 ]

[Verwijderd]

Angeloonie schreef op 14 september 2004 @ 13:59:
[...]


Ik ga zo snel mogelijk ff die plaatjes afmaken, dan zullen we zien wat er gebeurt


Enneh.. Was het maar zo'n feest, Sizzle (Cecile) is m'n vriendin (helaas) niet, maar ze was er wel blij mee


edit: Als het goed is doet alles het nu!

Yep, hij is hier ook up and running . Nogmaals, prachtig werk man

[Angeloonie]

Verwijderd schreef op 14 september 2004 @ 15:20:
[...]


Yep, hij is hier ook up and running . Nogmaals, prachtig werk man

Jij ook hardstikke bedankt voor de hulp! Dit noem ik nou echt hulp, en niet van die onbruikbare posts als de 1e reply


Zo, dan maar even alle beeldjes op "Pause" vervangen (ong 70 stuks)
edit: klaar

[ Voor 4% gewijzigd door Angeloonie op 14-09-2004 15:59 ]