Div niet goed uitgelijnd, afbeeldingen vallen weg?

[flipjevandejam]

Ik dacht vanmiddag 'even' wat foto's te updaten, welke uiteraard van iets andere verhouding blijken te zijn dan het origineel. Nu moet er dus ook een heel klein beetje code geupdate worden, maar het breekt meteen en ik zie inmiddels niet meer waarom deze div en afbeeldingen niet meer werken.

*knip*

Kan je me alsjeblieft vertellen waar het fout gaat? Ik zit er al veel te lang naar te kijken..

[ Voor 12% gewijzigd door MueR op 02-12-2010 16:39 ]

[MueR]

Nee. Niet op deze manier in ieder geval. We zien graag relevante code in het topic. Update dus even je TS met hetgeen stuk gaat, dan kunnen we daar naar kijken.

[ Voor 30% gewijzigd door MueR op 02-12-2010 16:40 ]

[MoietyMe]

Denk dat je ergens een <div> te vroeg sluit.

[Bosmonster]

Als dat zo is is het het beste om je code gewoon eerst even door de validator heen te halen.

Verder kun je met Firebug natuurlijk daarna ook kijken of er een CSS-rarigheidje optreedt.

[flipjevandejam]

Excuus, ik wist niet dat linken niet goed was. Het verschil tussen de twee pagina's zit hem puur in het gebruik van de nieuwe 'ufade.js', zie verderop.

Hier de code van de pagina:
*knip*

Hier de code van de werkende ufade.js:
*knip*

[ Voor 154% gewijzigd door NMe op 02-12-2010 22:13 ]

[flipjevandejam]

Hier de code van de niet werkende ufade.js:
*knip*

[ Voor 171% gewijzigd door NMe op 02-12-2010 22:14 ]

[miss_bleu]

Met debuggen krijg ik een syntax error op line 36

var fadeimages2=new Array()
Je sluit alles wel af met een ; neem ik aan?

zonder de complete code kan je niet echt lekker kijken. Zie dat je een lading eruit gehaald hebt, maar daar kan dus ook een fout in zitten.

[ Voor 59% gewijzigd door miss_bleu op 02-12-2010 21:35 ]

[flipjevandejam]

Maar die is bij beiden hetzelfde? Ik zie niet hoe hier de fout zit?

; zal ik nog eens heel goed langslopen, thx.

Bij beide (werkend en niet werkend) wordt de volgende code gebruikt om de fadeimages aan te roepen:

code:

<div style="overflow: auto; width:190px; height:470px; float: right; margin-left: 20px; margin-bottom: 20px; margin-right: 0px; padding-left: 5px; padding-right: 0px; border-left: 1px solid #367759;"> 
<center>
<script type="text/javascript"> new fadeshow(fadeimages, 149, 112, 2, 8000, 1) </script>
<br>
<script type="text/javascript"> new fadeshow(fadeimages3, 150, 200, 2, 8000, 1) </script>
<br>
<script type="text/javascript"> new fadeshow(fadeimages2, 149, 112, 2, 8000, 1) </script>
</center>
</div>

Dit is de enige plek waar ik ; tegenkom.

Het grote verschil tussen de twee zit hem in de foto's die geladen moeten worden. Bij de werkende zijn die altijd precies 149x112 of 150x200. Bij de niet-werkende vallen ze daar iig binnen, maar zijn niet precies dat formaat. Zou dat het probleem kunnen zijn?

[ Voor 106% gewijzigd door flipjevandejam op 02-12-2010 21:41 ]

[miss_bleu]

Krijg je In IE geen javascript errors?

[flipjevandejam]

Gevonden! Wat blijkt, ik vergat de naamgeving binnen de array mee te nemen.

Het was nu ook bijv. fadeimages[34] in fadeimages2, wat fadeimages2[34] had moeten zijn... Zucht

[Bosmonster]

Misschien is het ook een idee een fatsoenlijk script te zoeken ipv dit stuk ongeluk.

[NMe]

MueR zei nog dat we graag relevante code in het topic willen zien, geen lap code van tig regels die wij dan even snel voor je moeten debuggen. Debuggen mag je lekker zelf doen. Als je vervolgens je probleem gereduceerd hebt tot een paar regels en er dan niet uitkomt, dan kun je een gericht topic openen. Code dumpen en verwachten dat wij het voor je fixen is dus expliciet niet de bedoeling.

Omdat je probleem opgelost is en omdat dit topic zonder code toch wel heel onzinnig wordt doe ik je topic maar dicht. Denk er de volgende keer asjeblieft aan om alleen relevante info te posten: help ons om jou te helpen.