Toon posts:

Iframe verkloot layout

Pagina: 1
Acties:

dinsdag 12 april 2005 21:49

Acties:

Verwijderd

Topicstarter
Ik wil een Iframe plaatsen in mijn opmaak maar die verkloot volkomen de layout?
Afbeeldingslocatie: http://www.redcorn.nl/BY/iframe.jpg
Zoals je ziet verschuift het alle beelden.

Heb meerdere sites met een iframe gemaakt zonder problemen dus daar zal het niet aan mogen liggen...

dinsdag 12 april 2005 21:51

Acties:
  • Wolfboy
  • Registratie: Januari 2001
  • Niet online

Wolfboy

ubi dubium ibi libertas

Het zou heel misschien handig kunnen zijn om de broncode te laten zien?
Ik kan zo iig niet zien wat er aan de hand is (daarvoor moet je bij Jomanda zijn)

Blog [Stackoverflow] [LinkedIn]

dinsdag 12 april 2005 21:54

Acties:

Verwijderd

Topicstarter
Hierbij de code voor de niet helderzienden :>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="Adobe GoLive 6">
<title>Aranka design sierraden voor kinderen</title>
<csscriptdict import>
<script type="text/javascript" src="GeneratedItems/CSScriptLib.js"></script>
</csscriptdict>
<csactiondict>
<script type="text/javascript"><!--
var preloadFlag = false;
function preloadImages() {
if (document.images) {
over_aranka1 = newImage(/*URL*/'pics/aranka1.jpg');
over_RolloverImage = newImage(/*URL*/'pics/aranka4.jpg');
over_home = newImage(/*URL*/'pics/homer.jpg');
over_collecte = newImage(/*URL*/'pics/collr.jpg');
over_contact = newImage(/*URL*/'pics/conr.jpg');
over_RolloverImage2 = newImage(/*URL*/'pics/aranka9.jpg');
over_RolloverImage5 = newImage(/*URL*/'pics/ketting1.jpg');
over_RolloverImage4 = newImage(/*URL*/'pics/ketting2.jpg');
over_RolloverImage3 = newImage(/*URL*/'pics/template-site_12.jpg');
preloadFlag = true;
}
}

// --></script>
</csactiondict>
</head>

<body onload="preloadImages();" bgcolor="#ffffff">
<table width="601" border="0" align="center" cellspacing="0" cellpadding="0" cool gridx="2" gridy="2" height="451" showgridx showgridy>
<csgroup name="101E1550" locked></csgroup>
<tr height="135">
<td width="150" height="149" rowspan="2" valign="top" align="left" xpos="0" csgroup="101E1550"><a onmouseover="changeImages( /*CMP*/'aranka1',/*URL*/'pics/aranka1.jpg');return true" onmouseout="changeImages( /*CMP*/'aranka1',/*URL*/'pics/rol_08.jpg');return true" href="#">[img]"pics/rol_08.jpg"[/img]</a></td>
<td width="150" height="135" colspan="2" valign="top" align="left" xpos="150" csgroup="101E1550">[img]"pics/aranka2.jpg"[/img]</td>
<td width="150" height="135" colspan="2" valign="top" align="left" xpos="300" csgroup="101E1550">[img]"pics/aranka3.jpg"[/img]</td>
<td width="150" height="149" rowspan="2" valign="top" align="left" xpos="450" csgroup="101E1550"><a onmouseover="changeImages( /*CMP*/'RolloverImage',/*URL*/'pics/aranka4.jpg');return true" onmouseout="changeImages( /*CMP*/'RolloverImage',/*URL*/'pics/rol_08.jpg');return true" href="#">[img]"pics/rol_08.jpg"[/img]</a></td>
<td width="1" height="135"><spacer type="block" width="1" height="135"></td>
</tr>
<tr height="14">
<td width="103" height="14" valign="top" align="left" xpos="150" csgroup="101E1550"><a onmouseover="changeImages( /*CMP*/'home',/*URL*/'pics/homer.jpg');return true" onmouseout="changeImages( /*CMP*/'home',/*URL*/'pics/home.jpg');return true" href="#">[img]"pics/home.jpg"[/img]</a></td>
<td width="100" height="14" colspan="2" valign="top" align="left" xpos="253" csgroup="101E1550"><a onmouseover="changeImages( /*CMP*/'collecte',/*URL*/'pics/collr.jpg');return true" onmouseout="changeImages( /*CMP*/'collecte',/*URL*/'pics/collecte.jpg');return true" href="#">[img]"pics/collecte.jpg"[/img]</a></td>
<td width="97" height="14" valign="top" align="left" xpos="353" csgroup="101E1550"><a onmouseover="changeImages( /*CMP*/'contact',/*URL*/'pics/conr.jpg');return true" onmouseout="changeImages( /*CMP*/'contact',/*URL*/'pics/contact.jpg');return true" href="#">[img]"pics/contact.jpg"[/img]</a></td>
<td width="1" height="14"><spacer type="block" width="1" height="14"></td>
</tr>
<tr height="151">
<td width="150" height="151" valign="top" align="left" xpos="0">
<iframe border="0" frameborder="0" height="100" name="aranka design" scrolling="yes" src="page\home.html" width="500"></iframe>
</td>
<td width="450" height="151" colspan="5"></td>
<td width="1" height="151"><spacer type="block" width="1" height="151"></td>
</tr>
<tr height="150">
<td width="150" height="150" valign="top" align="left" xpos="0"><a onmouseover="changeImages( /*CMP*/'RolloverImage2',/*URL*/'pics/aranka9.jpg');return true" onmouseout="changeImages( /*CMP*/'RolloverImage2',/*URL*/'pics/rol_08.jpg');return true" href="#">[img]"pics/rol_08.jpg"[/img]</a></td>
<td width="150" height="150" colspan="2" valign="top" align="left" xpos="150"><a onmouseover="changeImages( /*CMP*/'RolloverImage5',/*URL*/'pics/ketting1.jpg');return true" onmouseout="changeImages( /*CMP*/'RolloverImage5',/*URL*/'pics/rol_08.jpg');return true" href="#">[img]"pics/rol_08.jpg"[/img]</a></td>
<td width="150" height="150" colspan="2" valign="top" align="left" xpos="300"><a onmouseover="changeImages( /*CMP*/'RolloverImage4',/*URL*/'pics/ketting2.jpg');return true" onmouseout="changeImages( /*CMP*/'RolloverImage4',/*URL*/'pics/rol_08.jpg');return true" href="#">[img]"pics/rol_08.jpg"[/img]</a></td>
<td width="150" height="150" valign="top" align="left" xpos="450"><a onmouseover="changeImages( /*CMP*/'RolloverImage3',/*URL*/'pics/template-site_12.jpg');return true" onmouseout="changeImages( /*CMP*/'RolloverImage3',/*URL*/'pics/rol_08.jpg');return true" href="#">[img]"pics/rol_08.jpg"[/img]</a></td>
<td width="1" height="150"><spacer type="block" width="1" height="150"></td>
</tr>
<tr height="1" cntrlrow>
<td width="150" height="1"><spacer type="block" width="150" height="1"></td>
<td width="103" height="1"><spacer type="block" width="103" height="1"></td>
<td width="47" height="1"><spacer type="block" width="47" height="1"></td>
<td width="53" height="1"><spacer type="block" width="53" height="1"></td>
<td width="97" height="1"><spacer type="block" width="97" height="1"></td>
<td width="150" height="1"><spacer type="block" width="150" height="1"></td>
<td width="1" height="1"></td>
</tr>
</table>
<p></p>
</body>

</html>

dinsdag 12 april 2005 22:04

Acties:
  • Wolfboy
  • Registratie: Januari 2001
  • Niet online

Wolfboy

ubi dubium ibi libertas

Adobe GoLive html :X

Naja, iig eventjes dit
code:
1
2
3
4
5
6
7

<tr height="151">
<td width="150" height="151" valign="top" align="left" xpos="0">
<iframe border="0" frameborder="0" height="100" name="aranka design" scrolling="yes" src="page\home.html" width="500"></iframe>
</td>
<td width="450" height="151" colspan="5"></td>
<td width="1" height="151"><spacer type="block" width="1" height="151"></td>
</tr>

Wijzigen naar dit
code:
1
2
3
4
5
6

<tr height="151">
<td width="150" height="151" valign="top" align="left" xpos="0" colspan="6">
<iframe border="0" frameborder="0" height="100" name="aranka design" scrolling="yes" src="page\home.html" width="500"></iframe>
</td>
<td width="1" height="151"><spacer type="block" width="1" height="151"></td>
</tr>

[ Voor 38% gewijzigd door Wolfboy op 12-04-2005 22:21 ]

Blog [Stackoverflow] [LinkedIn]

dinsdag 12 april 2005 22:14

Acties:

Verwijderd

Topicstarter
Nog steeds dezelfde problemen.
Maar je hebt mij wel op het juiste spoor gezet met de colspan en het werkt nu.
Heb van jouw code colspan="6"gemaakt en voila...

dinsdag 12 april 2005 22:21

Acties:
  • Wolfboy
  • Registratie: Januari 2001
  • Niet online

Wolfboy

ubi dubium ibi libertas

Dat moest idd colspan="6" zijn ja, ik ben niet helemaal wakker vandaag :P

Blog [Stackoverflow] [LinkedIn]

Pagina: 1
Reageer