verspringen plaatjes

Status
Niet open voor verdere reacties.
pepernoot

pepernoot

Gebruiker
Lid geworden
14 mei 2009
Berichten
322
Ik heb een pagina gemaat voor mijn website. het ging helemaal prima ik zag hem goed in dw en in firefox maar wat nu in IE verspringen er drie! hoe verander ik dit (het moet ook goed gaan in ie!

hieronder staat de code hopelijk kan een van jullie mijn probleen oplossen

[XML]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body onload="MM_preloadImages('met/4.png','met/5.png','met/6.png','met/7.png','met/8.png','met/9.png')">
<table width="923" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2"><img src="zonder/1.png" width="682" height="528" /></td>
<td width="241" align="center" valign="bottom" background="zonder/2.png"><img src="../Klaar/filmpjes/top berg/top-beg-gif.gif" width="229" height="329" align="bottom" /></td>
</tr>
<tr>
<td width="238" rowspan="4" align="left" valign="top"><img src="zonder/3.png" width="238" height="89" /><img src="zonder/8.png" width="238" height="268" /></td>
<td width="444" rowspan="3" align="left" valign="top"><img src="zonder/4.png" width="444" height="262" /></td>
<td align="left" valign="top"><img src="zonder/5.png" width="241" height="89" /></td>
</tr>
<tr>
<td align="left" valign="top"><img src="zonder/6.png" name="terror mountain tilt" width="241" height="84" border="0" id="terror mountain tilt" /></td>
</tr>
<tr>
<td align="left" valign="top"><img src="zonder/7.png" name="rink runner" width="241" height="89" border="0" id="rink runner" /></td>
</tr>
<tr>
<td colspan="2" rowspan="7" align="left" valign="top" background="zonder/9.png">
<p align="left"> <img src="../Klaar/filmpjes/jpeg's bril/zonnebril-op-gif-goed.gif" width="253" height="189" hspace="10" vspace="100" align="top" /></p></td>
</tr>
<tr>
<td width="238" align="left" valign="top"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('pet central','','met/4.png',1)"><img src="zonder/10.png" name="pet central" width="238" height="111" border="0" id="pet central" /></a></td>
</tr>
<tr>
<td align="left" valign="top"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('explore','','met/5.png',1)"><img src="zonder/11.png" name="explore" width="238" height="78" border="0" id="explore" /></a></td>
</tr>
<tr>
<td align="left" valign="top"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('games','','met/6.png',1)"><img src="zonder/12.png" name="games" width="238" height="79" border="0" id="games" /></a></td>
</tr>
<tr>
<td align="left" valign="top"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('boards','','met/7.png',1)"><img src="zonder/13.png" name="boards" width="238" height="93" border="0" id="boards" /></a></td>
</tr>
<tr>
<td align="left" valign="top"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('shops','','met/8.png',1)"><img src="zonder/14.png" name="shops" width="238" height="90" border="0" id="shops" /></a></td>
</tr>
<tr>
<td align="left" valign="top"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('NC MAll','','met/9.png',1)"><img src="zonder/15.png" name="NC MAll" width="238" height="111" border="0" id="NC MAll" /></a></td>
</tr>
<tr>
<td colspan="3" align="left" valign="top"><img src="zonder/16.png" width="921" height="618" /></td>
</tr>
<tr>
<td colspan="3" align="left" valign="top"><img src="zonder/17.png" width="20" height="431" /><img src="zonder/18.png" width="552" height="431" /><img src="zonder/19.png" width="349" height="431" /></td>
</tr>
<tr>
<td colspan="3"><img src="zonder/20.png" width="921" height="1268" /></td>
</tr>
</table>
</body>
</html>
[/XML]

oh ja de afbeeldingen staan nog niet op internet!
 
Welke drie verspringen er?
Wanneer?

Wat gebeurt er als je je beeldscherm kleiner trekt,
verspringen er dan meer?

Url?

:cool:
 
@Peter:
Welke drie verspringen er?
Wanneer?
Wat gebeurt er als je je beeldscherm kleiner trekt, verspringen er dan meer?
Url?
Klik om te vergroten...
Dat vroeg ik me nou ook af! ;)
Maar ik kon niet wachten, en heb wat plaatjes in de opgegeven html-code geplakt:
Vergelijking FF/ IE: er verspringen er geen drie (ik zat al aan de Peekaboo-bug te denken), maar in IE staan ze gewoon op een andere plaats! Jammer, er wordt niet gesprongen! :(
Welke drie? - De drie horizontaaltjes die onder het eerste plaatje rechts boven staan.
Maar ik heb hierdoor ook nog wat aanvullende vraagjes:
  • Nou ben ik he-le-maal niet goed in tabellen (geef mij maar css), maar is dit niet een tabel-probleem, waarbij rijen en kolommen met elkaar in conflict komen?
  • Zijn de plaatjes soms het gevolg van een slice-operatie, en moeten ze later als achtergronden in de cellen komen te staan, en weer naadloos aan elkaar vast komen te kleven?
  • En als het wel plaatjes in de voorgrond zijn, wat moet er dan met de lege gaten in de pagina gebeuren?
  • Heb je een montage-afbeelding van wat het resultaat moet worden (hoeft niet 1:1, mag kleiner!)
Tot zover!
met vriendelijke groet,
CSShunter
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan