Enkele vraagjes ivm Dreamweaver 8

Regis · 26 nov 2012

Dag allemaal,

Twee dagen geleden ben ik in de wondere wereld van het website maken gestapt.
Een beetje naïef misschien omdat ik er niets van ken, maar ach...

Ik heb eerst een ontwerp gemaakt in Microsoft Publisher, nadien heb ik dit als HTML opgeslaan, om het daarna in dreamweaver 8 te openen (en te bewerken).
Ik heb mijn domeinnaam en hosting aangekocht, en zet alle bestanden in filezilla op de server.

Alleen heb ik enkele problemen:
- als ik de website open in internet explorer werken de links niet, in firefox wel.
- als ik alle bestanden van filezilla haal (om er bv aan te werken) dan staat de site nog steeds online, alleen de foto's ontbreken
- als ik de site bekijk op een computer met een groter scherm, dan klopt de pagina indeling niet meer (foto's verschuiven enz)
- de paginaindeling verschuift ook als ik de site open in firefox

Kan iemand me helpen? Ik zal voor de zekerheid de code kopiëren, zodat jullie er misschien de fouten in opmerken? Dit is de site: www.charlotteregis.be
Ik weet dat het amateuristisch is, dus dat hoeft niet meer gezegd

Alvast bedankt voor jullie hulp!
Dit is de code:

HTML:

<html xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office"
xmlns:dt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882"
xmlns="http://www.w3.org/TR/REC-html40">

<head>
<meta http-equiv=Content-Type content="text/html; charset=windows-1252">
<link rel=File-List href="index_bestanden/filelist.xml">
<!--[if !mso]>
<style>
v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
b\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style>
<![endif]-->
<title>Charlotte et Régis se marient</title>
<style>
<!--
 /* Lettertypen */
@font-face
	{font-family:"Hill House";
	panose-1:2 0 6 6 4 0 0 2 0 4;}
@font-face
	{font-family:Illuminate;
	panose-1:0 0 0 0 0 0 0 0 0 0;}
@font-face
	{font-family:Calibri;
	panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
	{font-family:"a song for jennifer";
	panose-1:0 0 0 0 0 0 0 0 0 0;}
@font-face
	{font-family:"1942 report";
	panose-1:0 0 0 0 0 0 0 0 0 0;}
 /* Stijlen */
p.MsoNormal, li.MsoNormal, div.MsoNormal
	{margin-right:0pt;
	text-indent:0pt;
	margin-top:0pt;
	margin-bottom:6.0pt;
	line-height:119%;
	text-align:left;
	font-family:Calibri;
	font-size:10.0pt;
	color:black;}
ol
	{margin-top:0in;
	margin-bottom:0in;
	margin-left:-2197in;}
ul
	{margin-top:0in;
	margin-bottom:0in;
	margin-left:-2197in;}
@page
	{size:8.-2019in 11.2232in;}
-->
</style>
<!--[if gte mso 9]><xml>
 <o:shapedefaults v:ext="edit" spidmax="3075" fill="f" fillcolor="white [7]"
  strokecolor="black [0]">
  <v:fill color="white [7]" color2="white [7]" on="f"/>
  <v:stroke color="black [0]" color2="white [7]">
   <o:left v:ext="view" color="black [0]" color2="white [7]"/>
   <o:top v:ext="view" color="black [0]" color2="white [7]"/>
   <o:right v:ext="view" color="black [0]" color2="white [7]"/>
   <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
   <o:column v:ext="view" color="black [0]" color2="white [7]"/>
  </v:stroke>
  <v:shadow color="#ccc [4]"/>
  <v:textbox inset="2.88pt,2.88pt,2.88pt,2.88pt"/>
 </o:shapedefaults><o:shapelayout v:ext="edit">
  <o:idmap v:ext="edit" data="1"/>
  <o:rules v:ext="edit">
   <o:r id="V:Rule1" type="connector" idref="#_x0000_s1026"/>
   <o:r id="V:Rule2" type="connector" idref="#_x0000_s1027"/>
   <o:r id="V:Rule3" type="connector" idref="#_x0000_s1028"/>
   <o:r id="V:Rule4" type="connector" idref="#_x0000_s1032"/>
   <o:r id="V:Rule5" type="connector" idref="#_x0000_s1035"/>
   <o:r id="V:Rule6" type="connector" idref="#_x0000_s1036"/>
  </o:rules>
 </o:shapelayout></xml><![endif]-->
</head>

<body bgcolor="#92D050" background="index_bestanden/image303.png"
style='margin:0'>
<!--[if gte vml 1]><v:background id="_x0000_s3073" o:bwmode="white"
 fillcolor="#92d050" o:targetscreensize="1366,768">
 <v:fill color2="fill darken(118)" method="linear sigma" focus="100%" type="gradient"/>
</v:background><![endif]-->

<div style='position:absolute;width:13.-611in;height:6.-918in'>
<!--[if gte vml 1]><v:shapetype id="_x0000_t202" coordsize="21600,21600" o:spt="202"
 path="m,l,21600r21600,l21600,xe">
 <v:stroke joinstyle="miter"/>
 <v:path gradientshapeok="t" o:connecttype="rect"/>
</v:shapetype><v:shape id="_x0000_s1025" type="#_x0000_t202" style='position:absolute;
 left:523.92pt;top:55.77pt;width:301.07pt;height:68.78pt;z-index:1;
 mso-wrap-distance-left:2.88pt;mso-wrap-distance-top:2.88pt;
 mso-wrap-distance-right:2.88pt;mso-wrap-distance-bottom:2.88pt' filled="f"
 fillcolor="white [7]" stroked="f" strokecolor="black [0]" insetpen="t"
 o:cliptowrap="t">
 <v:fill color2="white [7]"/>
 <v:stroke color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:shadow color="#ccc [4]"/>
 <v:textbox style='mso-column-margin:2mm' inset="2.88pt,2.88pt,2.88pt,2.88pt"/>
</v:shape><![endif]--><![if !vml]><span style='position:absolute;z-index:1;
left:699px;top:74px;width:401px;height:92px'>

<table cellpadding=0 cellspacing=0>
 <tr>
  <td width=401 height=92 style='vertical-align:top'><![endif]>
  <div v:shape="_x0000_s1025" style='padding:2.88pt 2.88pt 2.88pt 2.88pt'
  class=shape>
  <p class=MsoNormal><span lang=nl-BE style='font-size:25.0pt;line-height:119%;
  font-family:Illuminate;language:nl-BE'>Charlotte********* Régis</span></p>
  </div>
  <![if !vml]></td>
 </tr>
</table>

</span><![endif]><!--[if gte vml 1]><v:shapetype id="_x0000_t32" coordsize="21600,21600"
 o:spt="32" o:oned="t" path="m,l21600,21600e" filled="f">
 <v:path arrowok="t" fillok="f" o:connecttype="none"/>
 <o:lock v:ext="edit" shapetype="t"/>
</v:shapetype><v:shape id="_x0000_s1026" type="#_x0000_t32" style='position:absolute;
 left:777.21pt;top:92.09pt;width:0;height:37.5pt;z-index:2;
 mso-wrap-distance-left:2.88pt;mso-wrap-distance-top:2.88pt;
 mso-wrap-distance-right:2.88pt;mso-wrap-distance-bottom:2.88pt'
 o:connectortype="straight" strokecolor="black [0]" strokeweight="1.5pt">
 <v:stroke color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:shadow color="#ccc [4]"/>
</v:shape><![endif]--><![if !vml]><span style='position:absolute;z-index:2;
left:1035px;top:121px;width:3px;height:53px'><img width=3 height=53
src="index_bestanden/image297.png" v:shapes="_x0000_s1026"></span><![endif]><!--[if gte vml 1]><v:shape
 id="_x0000_s1027" type="#_x0000_t32" style='position:absolute;left:693.96pt;
 top:128.84pt;width:0;height:26.25pt;z-index:3;mso-wrap-distance-left:2.88pt;
 mso-wrap-distance-top:2.88pt;mso-wrap-distance-right:2.88pt;
 mso-wrap-distance-bottom:2.88pt' o:connectortype="straight" strokecolor="black [0]"
 strokeweight="1.5pt">
 <v:stroke color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:shadow color="#ccc [4]"/>
</v:shape><![endif]--><![if !vml]><span style='position:absolute;z-index:3;
left:924px;top:170px;width:3px;height:38px'><img width=3 height=38
src="index_bestanden/image298.png" v:shapes="_x0000_s1027"></span><![endif]><!--[if gte vml 1]><v:shape
 id="_x0000_s1028" type="#_x0000_t32" style='position:absolute;left:600.21pt;
 top:92.09pt;width:0;height:37.5pt;z-index:4;mso-wrap-distance-left:2.88pt;
 mso-wrap-distance-top:2.88pt;mso-wrap-distance-right:2.88pt;
 mso-wrap-distance-bottom:2.88pt' o:connectortype="straight" strokecolor="black [0]"
 strokeweight="1.5pt">
 <v:stroke color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:shadow color="#ccc [4]"/>
</v:shape><![endif]--><![if !vml]><span style='position:absolute;z-index:4;
left:799px;top:121px;width:3px;height:53px'><img width=3 height=53
src="index_bestanden/image297.png" v:shapes="_x0000_s1028"></span><![endif]><!--[if gte vml 1]><v:shape
 id="_x0000_s1029" type="#_x0000_t202" style='position:absolute;left:574.71pt;
 top:160.34pt;width:237.75pt;height:22.5pt;z-index:5;mso-wrap-distance-left:2.88pt;
 mso-wrap-distance-top:2.88pt;mso-wrap-distance-right:2.88pt;
 mso-wrap-distance-bottom:2.88pt' filled="f" fillcolor="white [7]" stroked="f"
 strokecolor="black [0]" insetpen="t" o:cliptowrap="t">
 <v:fill color2="white [7]"/>
 <v:stroke color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:shadow color="#ccc [4]"/>
 <v:textbox style='mso-column-margin:2mm' inset="2.88pt,2.88pt,2.88pt,2.88pt"/>
</v:shape><![endif]--><![if !vml]><span style='position:absolute;z-index:5;
left:766px;top:214px;width:317px;height:30px'>

<table cellpadding=0 cellspacing=0>
 <tr>
  <td width=317 height=30 style='vertical-align:top'><![endif]>
  <div v:shape="_x0000_s1029" style='padding:2.88pt 2.88pt 2.88pt 2.88pt'
  class=shape>
  <p class=MsoNormal style='text-align:center;text-align:center'><span
  lang=nl-BE style='font-size:15.0pt;line-height:119%;font-family:"Hill House";
  language:nl-BE'>Se marient</span></p>
  </div>
  <![if !vml]></td>
 </tr>
</table>

</span><![endif]><!--[if gte vml 1]><v:rect id="_x0000_s1030" style='position:absolute;
 left:132.68pt;top:12.74pt;width:308.89pt;height:205.89pt;z-index:6;
 mso-wrap-distance-left:2.88pt;mso-wrap-distance-top:2.88pt;
 mso-wrap-distance-right:2.88pt;mso-wrap-distance-bottom:2.88pt'
 o:preferrelative="t" filled="f" fillcolor="white [7]" stroked="f"
 strokecolor="black [0]" insetpen="t" o:cliptowrap="t">
 <v:fill color2="white [7]"/>
 <v:stroke color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:imagedata src="index_bestanden/image301.jpg" o:title="border-3"/>
 <v:shadow color="#ccc [4]"/>
 <v:path o:extrusionok="f"/>
 <o:lock v:ext="edit" aspectratio="t"/>
</v:rect><![endif]--><![if !vml]><span style='position:absolute;z-index:6;
left:177px;top:17px;width:412px;height:275px'><img width=412 height=275
src="index_bestanden/image301.jpg" v:shapes="_x0000_s1030"></span><![endif]><!--[if gte vml 1]><v:rect
 id="_x0000_s1031" style='position:absolute;left:663.9pt;top:51.94pt;width:51.06pt;
 height:38.95pt;z-index:7;mso-wrap-distance-left:2.88pt;
 mso-wrap-distance-top:2.88pt;mso-wrap-distance-right:2.88pt;
 mso-wrap-distance-bottom:2.88pt' o:preferrelative="t" filled="f" fillcolor="white [7]"
 stroked="f" strokecolor="black [0]" insetpen="t" o:cliptowrap="t">
 <v:fill color2="white [7]"/>
 <v:stroke color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:imagedata src="index_bestanden/image304.png" o:title="Afbeelding1"/>
 <v:shadow color="#ccc [4]"/>
 <v:path o:extrusionok="f"/>
 <o:lock v:ext="edit" aspectratio="t"/>
</v:rect><![endif]--><![if !vml]><span style='position:absolute;z-index:7;
left:885px;top:69px;width:68px;height:52px'><img width=68 height=52
src="index_bestanden/image304.png" v:shapes="_x0000_s1031"></span><![endif]><!--[if gte vml 1]><v:shape
 id="_x0000_s1032" type="#_x0000_t32" style='position:absolute;left:90.45pt;
 top:223.79pt;width:782.55pt;height:0;z-index:8;mso-wrap-distance-left:2.88pt;
 mso-wrap-distance-top:2.88pt;mso-wrap-distance-right:2.88pt;
 mso-wrap-distance-bottom:2.88pt' o:connectortype="straight" strokecolor="#ccc [4]">
 <v:stroke color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:shadow color="#ccc [4]"/>
</v:shape><![endif]--><![if !vml]><span style='position:absolute;z-index:8;
left:120px;top:297px;width:1045px;height:2px'><img width=1045 height=2
src="index_bestanden/image306.png" v:shapes="_x0000_s1032"></span><![endif]><!--[if gte vml 1]><v:shape
 id="_x0000_s1033" type="#_x0000_t202" style='position:absolute;left:211.95pt;
 top:94.34pt;width:167.25pt;height:37.5pt;z-index:9;mso-wrap-distance-left:2.88pt;
 mso-wrap-distance-top:2.88pt;mso-wrap-distance-right:2.88pt;
 mso-wrap-distance-bottom:2.88pt' filled="f" fillcolor="white [7]" stroked="f"
 strokecolor="black [0]" insetpen="t" o:cliptowrap="t">
 <v:fill color2="white [7]"/>
 <v:stroke color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:shadow color="#ccc [4]"/>
 <v:textbox style='mso-column-margin:2mm' inset="2.88pt,2.88pt,2.88pt,2.88pt"/>
</v:shape><![endif]--><![if !vml]><span style='position:absolute;z-index:9;
left:283px;top:126px;width:223px;height:50px'>

<table cellpadding=0 cellspacing=0>
 <tr>
  <td width=223 height=50 style='vertical-align:top'><![endif]>
  <div v:shape="_x0000_s1033" style='padding:2.88pt 2.88pt 2.88pt 2.88pt'
  class=shape>
  <p class=MsoNormal><span lang=nl-BE style='font-size:20.0pt;line-height:119%;
  font-family:Illuminate;language:nl-BE'><span dir=ltr></span>6 juillet 2013</span></p>
  </div>
  <![if !vml]></td>
 </tr>
</table>

</span><![endif]><!--[if gte vml 1]><v:rect id="_x0000_s1034" style='position:absolute;
 left:91.41pt;top:4.42pt;width:783.69pt;height:453.28pt;z-index:10;
 mso-wrap-distance-left:2.88pt;mso-wrap-distance-top:2.88pt;
 mso-wrap-distance-right:2.88pt;mso-wrap-distance-bottom:2.88pt' filled="f"
 fillcolor="white [7]" strokecolor="#ccf [1 lighten(51)]" insetpen="t"
 o:cliptowrap="t">
 <v:fill color2="white [7]"/>
 <v:stroke color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]" joinstyle="miter"
   insetpen="t"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]" joinstyle="miter"
   insetpen="t"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]" joinstyle="miter"
   insetpen="t"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]" joinstyle="miter"
   insetpen="t"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:shadow color="#ccc [4]"/>
 <v:textbox style='mso-column-margin:2mm' inset="2.88pt,2.88pt,2.88pt,2.88pt"/>
</v:rect><![endif]--><![if !vml]><span style='position:absolute;z-index:10;
left:121px;top:5px;width:1047px;height:606px'>

<table cellpadding=0 cellspacing=0>
 <tr>
  <td width=1047 height=606 style='border:.75pt solid #CCCCFF;vertical-align:
  top'><![endif]>
  <div v:shape="_x0000_s1034" style='padding:3.63pt 3.63pt 3.63pt 3.63pt'
  class=shape></div>
  <![if !vml]></td>
 </tr>
</table>

</span><![endif]><!--[if gte vml 1]><v:shape id="_x0000_s1035" type="#_x0000_t32"
 style='position:absolute;left:599.9pt;top:129.3pt;width:177.75pt;height:0;
 flip:x;z-index:11;mso-wrap-distance-left:2.88pt;mso-wrap-distance-top:2.88pt;
 mso-wrap-distance-right:2.88pt;mso-wrap-distance-bottom:2.88pt'
 o:connectortype="straight" strokecolor="black [0]" strokeweight="1.5pt">
 <v:stroke color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:shadow color="#ccc [4]"/>
</v:shape><![endif]--><![if !vml]><span style='position:absolute;z-index:11;
left:798px;top:171px;width:240px;height:3px'><img width=240 height=3
src="index_bestanden/image293.png" v:shapes="_x0000_s1035"></span><![endif]><!--[if gte vml 1]><v:shape
 id="_x0000_s1036" type="#_x0000_t32" style='position:absolute;left:481.28pt;
 top:5.01pt;width:0;height:217.7pt;z-index:12;mso-wrap-distance-left:2.88pt;
 mso-wrap-distance-top:2.88pt;mso-wrap-distance-right:2.88pt;
 mso-wrap-distance-bottom:2.88pt' o:connectortype="straight" strokecolor="#ccc [4]">
 <v:stroke color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:shadow color="#ccc [4]"/>
</v:shape><![endif]--><![if !vml]><span style='position:absolute;z-index:12;
left:641px;top:6px;width:2px;height:292px'><img width=2 height=292
src="index_bestanden/image294.png" v:shapes="_x0000_s1036"></span><![endif]><!--[if gte vml 1]><v:shape
 id="_x0000_s1037" type="#_x0000_t202" style='position:absolute;left:300.75pt;
 top:240.59pt;width:158.25pt;height:41.25pt;z-index:13;
 mso-wrap-distance-left:2.88pt;mso-wrap-distance-top:2.88pt;
 mso-wrap-distance-right:2.88pt;mso-wrap-distance-bottom:2.88pt' filled="f"
 fillcolor="white [7]" stroked="f" strokecolor="black [0]" insetpen="t"
 o:cliptowrap="t">
 <v:fill color2="white [7]"/>
 <v:stroke color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:shadow color="#ccc [4]"/>
 <v:textbox style='mso-column-margin:2mm' inset="2.88pt,2.88pt,2.88pt,2.88pt"/>
</v:shape><![endif]--><![if !vml]><span style='position:absolute;z-index:13;
left:401px;top:321px;width:211px;height:55px'>

<table cellpadding=0 cellspacing=0>
 <tr>
  <td width=211 height=55 style='vertical-align:top'><![endif]>
  <div v:shape="_x0000_s1037" style='padding:2.88pt 2.88pt 2.88pt 2.88pt'
  class=shape>
  <p class=MsoNormal><span lang=nl-BE style='font-size:30.0pt;line-height:119%;
  font-family:"a song for jennifer";language:nl-BE'><a href="index2.html" target="_self">Idée cadeau</a></span></p>
  </div>
  <![if !vml]></td>
 </tr>
</table>

</span><![endif]><!--[if gte vml 1]><v:shape id="_x0000_s1038" type="#_x0000_t202"
 style='position:absolute;left:98.55pt;top:304.79pt;width:297pt;height:45pt;
 z-index:14;mso-wrap-distance-left:2.88pt;mso-wrap-distance-top:2.88pt;
 mso-wrap-distance-right:2.88pt;mso-wrap-distance-bottom:2.88pt' filled="f"
 fillcolor="white [7]" stroked="f" strokecolor="black [0]" insetpen="t"
 o:cliptowrap="t">
 <v:fill color2="white [7]"/>
 <v:stroke color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:shadow color="#ccc [4]"/>
 <v:textbox style='mso-column-margin:2mm' inset="2.88pt,2.88pt,2.88pt,2.88pt"/>
</v:shape><![endif]--><![if !vml]><span style='position:absolute;z-index:14;
left:131px;top:406px;width:396px;height:60px'>

<table cellpadding=0 cellspacing=0>
 <tr>
  <td width=396 height=60 style='vertical-align:top'><![endif]>
  <div v:shape="_x0000_s1038" style='padding:2.88pt 2.88pt 2.88pt 2.88pt'
  class=shape>
  <p class=MsoNormal><span lang=nl-BE style='font-size:30.0pt;line-height:119%;
  font-family:"Hill House";language:nl-BE'>Adresse du couple</span></p>
  </div>
  <![if !vml]></td>
 </tr>
</table>

</span><![endif]><!--[if gte vml 1]><v:shape id="_x0000_s1039" type="#_x0000_t202"
 style='position:absolute;left:175.05pt;top:362.54pt;width:261.75pt;height:42.75pt;
 z-index:15;mso-wrap-distance-left:2.88pt;mso-wrap-distance-top:2.88pt;
 mso-wrap-distance-right:2.88pt;mso-wrap-distance-bottom:2.88pt' filled="f"
 fillcolor="white [7]" stroked="f" strokecolor="black [0]" insetpen="t"
 o:cliptowrap="t">
 <v:fill color2="white [7]"/>
 <v:stroke color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:shadow color="#ccc [4]"/>
 <v:textbox style='mso-column-margin:2mm' inset="2.88pt,2.88pt,2.88pt,2.88pt"/>
</v:shape><![endif]--><![if !vml]><span style='position:absolute;z-index:15;
left:233px;top:483px;width:349px;height:57px'>

<table cellpadding=0 cellspacing=0>
 <tr>
  <td width=349 height=57 style='vertical-align:top'><![endif]>
  <div v:shape="_x0000_s1039" style='padding:2.88pt 2.88pt 2.88pt 2.88pt'
  class=shape>
  <p class=MsoNormal><span lang=nl-BE style='font-size:30.0pt;line-height:119%;
  font-family:"1942 report";language:nl-BE'>Informations</span></p>
  </div>
  <![if !vml]></td>
 </tr>
</table>

</span><![endif]><!--[if gte vml 1]><v:rect id="_x0000_s1040" style='position:absolute;
 left:534.6pt;top:228.1pt;width:334.75pt;height:223.17pt;z-index:16;
 mso-wrap-distance-left:2.88pt;mso-wrap-distance-top:2.88pt;
 mso-wrap-distance-right:2.88pt;mso-wrap-distance-bottom:2.88pt'
 o:preferrelative="t" filled="f" fillcolor="white [7]" stroked="f"
 strokecolor="black [0]" insetpen="t" o:cliptowrap="t">
 <v:fill color2="white [7]"/>
 <v:stroke color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:imagedata src="index_bestanden/image316.jpg" o:title="border-4"/>
 <v:shadow color="#ccc [4]"/>
 <v:path o:extrusionok="f"/>
 <o:lock v:ext="edit" aspectratio="t"/>
</v:rect><![endif]--><![if !vml]><span style='position:absolute;z-index:16;
left:713px;top:304px;width:446px;height:298px'><img width=446 height=298
src="index_bestanden/image316.jpg" v:shapes="_x0000_s1040"></span><![endif]>
</div>

</body>

</html>

jarco · 26 nov 2012

Hoi,

Dit is geen post om je te ontmoedigen maar wel een om je aan te moedigen de dingen op de juiste manier aan te leren.

Je code is echt enorm ... rommelig. Ik begrijp dat deze wss zo gegenereerd is door dreamweaver etc.

Als je echt interesse hebt om het te leren zou ik eerst de basis van html en css gaan leren. Dit gaat zeer snel, een paar uren actief er mee bezig en je bent ermee weg.

Ik heb je code hier lokaal even uitgevoerd maar er is echt geen orde in te krijgen zo.

als ik de website open in internet explorer werken de links niet, in firefox wel.

De enige link die ik erin kan vinden is op regel 386 en die is gewoon juist . Deze zou dus in ie ook moeten werken. (ik kan dit helaas niet voor je testen omdat ik geen internet explorer op mijn systeem kan draaien.) Moest hij echt niet aan te klikken zijn in ie dan kan je eens kijken als er misschien iets over de link overlapt (je kan daarvoor de add-on firebug gebruiken in firefox).

als ik alle bestanden van filezilla haal (om er bv aan te werken) dan staat de site nog steeds online, alleen de foto's ontbreken

Ben je zeker dat je naar de online versie kijkt? Heb je de pagina ververst?

als ik de site bekijk op een computer met een groter scherm, dan klopt de pagina indeling niet meer (foto's verschuiven enz)

Je hebt echt een heel rare opmaak met tabellen en absoluut gepositioneerde divs momenteel. Als je die wast meer in orde brengt zal dat wel goed komen. Vaste breedte voor de site zal je zeker al op weg helpen.

Nog enkele tips:

- Tabellen dienen voor data, niet voor de opmaak van je site.
- Probeer je opmaak apart in een css bestand te duwen.
- Als je de basis een keer kent lees je dan wat in over web standaarden.
- Probeer eens een site te maken gewoon in code ipv met een generator als dreamweaver. Je gaat er zeer vlug veel meer mee kunnen. (de basis is echt makkelijker als het op het eerste zicht lijkt)

Naarling · 26 nov 2012

Regis zei:
Ik heb eerst een ontwerp gemaakt in Microsoft Publisher, nadien heb ik dit als HTML opgeslaan, om het daarna in dreamweaver 8 te openen (en te bewerken).

Geen goed idee, Publisher is niet geschikt voor het maken van websites, dardoor zit er nu allerhande rommel in je code, wat het ook moeilijker makt om je site te repareren. Je kunt beter overnieuw beginnen, dit keer gelijk in Dreamweaver, denk daarbij ook aan de tips van Jarco hierboven. Als je doel is om jezelf echt goed HTML etc. bij te brengen kun je Dreamweaver beter links laten liggen en de code zelf maken in Notepad++ o.i.d..

ku55 · 28 nov 2012

ik meende dat je beter kan werken met fireworks voor de layout, maar verder geef ik bovenstaande reacties gelijk

Enkele vraagjes ivm Dreamweaver 8

Regis

Nieuwe gebruiker

jarco

Gebruiker

Naarling

Terugkerende gebruiker

ku55

Gebruiker

Nieuwste berichten

Wij waarderen jouw privacy