Hallo helpmij-users,
Wie kan mij helpen bij het centreren van mijn website. Ik heb de website in Publisher gemaakt en gepubliceerd als html. Deze wil ik in dreamweaver centreren maar dat is mijn niet gelukt. Heb al verschillende posts gelezen en uitgeprobeerd met verschillende tags, id's en divs maar het lukt me niet.
Hieronder staat de gehele code van de index site, ik weet niet hoe het precies moet en waar het dan ook moet staan.
Hartelijke dank alvast voor uw medewerking.
Met vriendelijke groet,
TMaas
<html xmlns:v="urn:schemas-microsoft-com:vml"
xmlns="urn:schemas-microsoft-com
xmlnst="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>index</title>
<style>
<!--
/* Lettertypen */
@font-face
{font-family:"Simplified Arabic Fixed";
panose-1:2 7 3 9 2 2 5 2 4 4;}
@font-face
{font-family:"Times New Roman";
panose-1:2 2 6 3 5 4 5 2 3 4;}
/* Opmaakprofielen */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin-right:0pt;
text-indent:0pt;
margin-top:0pt;
margin-bottom:0pt;
text-align:left;
font-family:"Times New Roman";
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.-1980in 11.2192in;}
-->
</style>
<!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="4098" 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:colormru v:ext="edit" colors="black,#ccc,yellow,#630,#c00,#4d4d4d,#333"/>
</o:shapedefaults><o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1"/>
</o:shapelayout></xml><![endif]-->
</head>
<body link="#0066FF" vlink="#6633CC" style='margin:0'>
<div style='position:absolute;width:9.-790in;height:16.-1476in'>
<!--[if gte vml 1]><v:rect id="_x0000_s1025" style='position:absolute;left:0;
top:997.5pt;width:675pt;height:210pt;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' fillcolor="black [0]" strokecolor="black [0]"
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"/>
<o:top v:ext="view" color="black [0]" color2="white [7]" joinstyle="miter"/>
<o:right v:ext="view" color="black [0]" color2="white [7]" joinstyle="miter"/>
<o:bottom v:ext="view" color="black [0]" color2="white [7]" joinstyle="miter"/>
<o:column v:ext="view" color="black [0]" color2="white [7]"/>
</v:stroke>
<v:shadow color="#ccc [4]"/>
<vath insetpenok="f"/>
<v:textbox inset="2.88pt,2.88pt,2.88pt,2.88pt"/>
</v:rect><![endif]--><![if !vml]><span style='position:absolute;z-index:1;
left:-1px;top:1329px;width:902px;height:282px'><img width=902 height=282
src="index_bestanden/image296.gif" v:shapes="_x0000_s1025"></span><![endif]><!--[if gte vml 1]><v:rect
id="_x0000_s1026" style='position:absolute;left:0;top:30pt;width:675pt;
height:82.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' filled="f"
fillcolor="white [7]" stroked="f" strokecolor="black [0]" 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"/>
<o:top v:ext="view" color="black [0]" color2="white [7]" joinstyle="miter"/>
<o:right v:ext="view" color="black [0]" color2="white [7]" joinstyle="miter"/>
<o:bottom v:ext="view" color="black [0]" color2="white [7]" joinstyle="miter"/>
<o:column v:ext="view" color="black [0]" color2="white [7]"/>
</v:stroke>
<v:imagedata src="index_bestanden/image311.png" o:title="logo_teunmaas"/>
<v:shadow color="#ccc [4]"/>
<v
</v:rect><![endif]--><![if !vml]><span style='position:absolute;z-index:2;
left:0px;top:40px;width:900px;height:110px'><img width=900 height=110
src="index_bestanden/image3111.gif" v:shapes="_x0000_s1026"></span><![endif]><!--[if gte vml 1]><v:rect
id="_x0000_s1027" style='position:absolute;left:0;top:1012.5pt;width:172.5pt;
height:20.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' filled="f" fillcolor="white [7]" stroked="f"
strokecolor="black [0]" 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"/>
<o:top v:ext="view" color="black [0]" color2="white [7]" joinstyle="miter"/>
<o:right v:ext="view" color="black [0]" color2="white [7]" joinstyle="miter"/>
<o:bottom v:ext="view" color="black [0]" color2="white [7]" joinstyle="miter"/>
<o:column v:ext="view" color="black [0]" color2="white [7]"/>
</v:stroke>
<v:imagedata src="index_bestanden/image303.png" o:title="logo_teunmaas1"/>
<v:shadow color="#ccc [4]"/>
<v
</v:rect><![endif]--><![if !vml]><span style='position:absolute;z-index:3;
left:0px;top:1350px;width:230px;height:27px'><img width=230 height=27
src="index_bestanden/image3031.gif" v:shapes="_x0000_s1027"></span><![endif]><!--[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
</v:shapetype><v:shape id="_x0000_s1028" type="#_x0000_t202" style='position:absolute;
left:0;top:1170pt;width:195pt;height:15pt;z-index:4;visibility:visible;
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]" 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"/>
<o:top v:ext="view" color="black [0]" color2="white [7]" joinstyle="miter"/>
<o:right v:ext="view" color="black [0]" color2="white [7]" joinstyle="miter"/>
<o:bottom v:ext="view" color="black [0]" color2="white [7]" joinstyle="miter"/>
<o:column v:ext="view" color="black [0]" color2="white [7]"/>
</v:stroke>
<v:shadow color="#ccc [4]"/>
<v
<v:textbox style='mso-column-margin:2mm' inset="0,0,0,0"/>
</v:shape><![endif]--><![if !vml]><span style='position:absolute;z-index:4;
left:0px;top:1560px;width:260px;height:20px'>
<table cellpadding=0 cellspacing=0>
<tr>
<td width=260 height=20 style='vertical-align:top'><![endif]>
<div v:shape="_x0000_s1028" style='padding:0pt 0pt 0pt 0pt' class=shape>
<p class=MsoNormal><span lang=nl style='font-size:12.0pt;font-family:"Simplified Arabic Fixed";
color:white;text-transform:uppercase;language:nl'>©</span><span lang=nl
style='font-size:12.0pt;font-family:"Simplified Arabic Fixed";color:white;
text-transform:uppercase;language:nl'> </span><span lang=nl style='font-size:
11.0pt;font-family:"Simplified Arabic Fixed";color:white;text-transform:uppercase;
language:nl'><span dir=ltr></span>2012</span><span lang=nl style='font-size:
12.0pt;font-family:"Simplified Arabic Fixed";color:white;text-transform:uppercase;
language:nl'> </span><span lang=nl style='font-size:12.0pt;font-family:"Simplified Arabic Fixed";
color:white;language:nl'>copyright</span><span lang=nl style='font-size:12.0pt;
font-family:"Simplified Arabic Fixed";color:white;text-transform:uppercase;
language:nl'> teun maas</span></p>
</div>
<![if !vml]></td>
</tr>
</table>
</span><![endif]><!--[if gte vml 1]><v:rect id="_x0000_s1029" style='position:absolute;
left:0;top:247.5pt;width:675pt;height:6pt;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' fillcolor="black [0]" strokecolor="black [0]"
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"/>
<o:top v:ext="view" color="black [0]" color2="white [7]" joinstyle="miter"/>
<o:right v:ext="view" color="black [0]" color2="white [7]" joinstyle="miter"/>
<o:bottom v:ext="view" color="black [0]" color2="white [7]" joinstyle="miter"/>
<o:column v:ext="view" color="black [0]" color2="white [7]"/>
</v:stroke>
<v:shadow color="#ccc [4]"/>
<v
<v:textbox inset="2.88pt,2.88pt,2.88pt,2.88pt"/>
</v:rect><![endif]--><![if !vml]><span style='position:absolute;z-index:5;
left:-1px;top:329px;width:902px;height:10px'><img width=902 height=10
src="index_bestanden/image304.gif" v:shapes="_x0000_s1029"></span><![endif]><!--[if gte vml 1]><v:shape
id="_x0000_s1067" type="#_x0000_t202" style='position:absolute;left:0;top:180pt;
width:450pt;height:27.75pt;z-index:43;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]" 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"/>
<o:top v:ext="view" color="black [0]" color2="white [7]" joinstyle="miter"/>
<o:right v:ext="view" color="black [0]" color2="white [7]" joinstyle="miter"/>
<o:bottom v:ext="view" color="black [0]" color2="white [7]" joinstyle="miter"/>
<o:column v:ext="view" color="black [0]" color2="white [7]"/>
</v:stroke>
<v:shadow color="#ccc [4]"/>
<v
<v:textbox style='mso-column-margin:2mm' inset="0,0,0,0"/>
</v:shape><![endif]--><![if !vml]><span style='position:absolute;z-index:43;
left:0px;top:240px;width:600px;height:37px'>
<table cellpadding=0 cellspacing=0>
<tr>
<td width=600 height=37 style='vertical-align:top'><![endif]>
<div v:shape="_x0000_s1067" style='padding:0pt 0pt 0pt 0pt' class=shape>
<p class=MsoNormal><a href="index_bestanden/Page298.htm"><span lang=nl
style='font-size:30.0pt;font-family:"Simplified Arabic Fixed";color:black;
text-decoration:none;font-weight:bold;text-transform:uppercase;language:nl'>Teunmaas</span></a><span
lang=nl style='font-family:"Simplified Arabic Fixed";font-weight:bold;
text-transform:uppercase;language:nl'> </span><span lang=nl style='font-size:
30.0pt;font-weight:bold;text-transform:uppercase;language:nl'>//</span><span
lang=nl style='font-family:"Simplified Arabic Fixed";font-weight:bold;
text-transform:uppercase;language:nl'> </span><a
href="index_bestanden/Page321.htm"><span lang=nl style='font-size:30.0pt;
font-family:"Simplified Arabic Fixed";color:black;text-decoration:none;
font-weight:bold;text-transform:uppercase;language:nl'>new</span></a><span
lang=nl style='font-family:"Simplified Arabic Fixed";font-weight:bold;
text-transform:uppercase;language:nl'> </span><span lang=nl style='font-size:
30.0pt;font-weight:bold;text-transform:uppercase;language:nl'>//</span><span
lang=nl style='font-family:"Simplified Arabic Fixed";font-weight:bold;
text-transform:uppercase;language:nl'> </span><a
href="index_bestanden/Page337.htm"><span lang=nl style='font-size:30.0pt;
font-family:"Simplified Arabic Fixed";color:black;text-decoration:none;
font-weight:bold;text-transform:uppercase;language:nl'>gallery</span></a></p>
</div>
<![if !vml]></td>
</tr>
</table>
</span><![endif]><!--[if gte vml 1]><v:shape id="_x0000_s1068" type="#_x0000_t202"
style='position:absolute;left:0;top:210pt;width:450pt;height:27.75pt;
z-index:44;visibility:visible;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]" 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"/>
<o:top v:ext="view" color="black [0]" color2="white [7]" joinstyle="miter"/>
<o:right v:ext="view" color="black [0]" color2="white [7]" joinstyle="miter"/>
<o:bottom v:ext="view" color="black [0]" color2="white [7]" joinstyle="miter"/>
<o:column v:ext="view" color="black [0]" color2="white [7]"/>
</v:stroke>
<v:shadow color="#ccc [4]"/>
<v
<v:textbox style='mso-column-margin:2mm' inset="0,0,0,0"/>
</v:shape><![endif]--><![if !vml]><span style='position:absolute;z-index:44;
left:0px;top:280px;width:600px;height:37px'>
<table cellpadding=0 cellspacing=0>
<tr>
<td width=600 height=37 style='vertical-align:top'><![endif]>
<div v:shape="_x0000_s1068" style='padding:0pt 0pt 0pt 0pt' class=shape>
<p class=MsoNormal><a href="index_bestanden/Page353.htm"><span lang=nl
style='font-size:30.0pt;font-family:"Simplified Arabic Fixed";color:black;
text-decoration:underline;font-weight:bold;text-transform:uppercase;
language:nl'>Info</span></a><span lang=nl style='font-family:"Simplified Arabic Fixed";
text-decoration:underline;font-weight:bold;text-transform:uppercase;
language:nl'> </span><span lang=nl style='font-size:30.0pt;font-weight:bold;
text-transform:uppercase;language:nl'>//</span><span lang=nl
style='font-family:"Simplified Arabic Fixed";font-weight:bold;text-transform:
uppercase;language:nl'> </span><a href="index_bestanden/Page369.htm"><span
lang=nl style='font-size:30.0pt;font-family:"Simplified Arabic Fixed";
color:black;text-decoration:none;font-weight:bold;text-transform:uppercase;
language:nl'>blog</span></a><span lang=nl style='font-family:"Simplified Arabic Fixed";
font-weight:bold;text-transform:uppercase;language:nl'> </span><span lang=nl
style='font-size:30.0pt;font-weight:bold;text-transform:uppercase;language:
nl'>//</span><span lang=nl style='font-family:"Simplified Arabic Fixed";
font-weight:bold;text-transform:uppercase;language:nl'> </span><a
href="index_bestanden/Page385.htm"><span lang=nl style='font-size:30.0pt;
font-family:"Simplified Arabic Fixed";color:black;text-decoration:none;
font-weight:bold;text-transform:uppercase;language:nl'>contact</span></a></p>
</div>
<![if !vml]></td>
</tr>
</table>
</span><![endif]><!--[if gte vml 1]><v:shape id="_x0000_s1081" type="#_x0000_t202"
style='position:absolute;left:0;top:1072.5pt;width:450pt;height:27.75pt;
z-index:57;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]" 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"/>
<o:top v:ext="view" color="black [0]" color2="white [7]" joinstyle="miter"/>
<o:right v:ext="view" color="black [0]" color2="white [7]" joinstyle="miter"/>
<o:bottom v:ext="view" color="black [0]" color2="white [7]" joinstyle="miter"/>
<o:column v:ext="view" color="black [0]" color2="white [7]"/>
</v:stroke>
<v:shadow color="#ccc [4]"/>
<v
<v:textbox style='mso-column-margin:2mm' inset="0,0,0,0"/>
</v:shape><![endif]--><![if !vml]><span style='position:absolute;z-index:57;
left:0px;top:1430px;width:600px;height:37px'>
<table cellpadding=0 cellspacing=0>
<tr>
<td width=600 height=37 style='vertical-align:top'><![endif]>
<div v:shape="_x0000_s1081" style='padding:0pt 0pt 0pt 0pt' class=shape>
<p class=MsoNormal><a href="index_bestanden/Page298.htm"><span lang=nl
style='font-size:30.0pt;font-family:"Simplified Arabic Fixed";color:white;
text-decoration:none;font-weight:bold;text-transform:uppercase;language:nl'>Teunmaas</span></a><span
lang=nl style='font-family:"Simplified Arabic Fixed";color:white;font-weight:
bold;text-transform:uppercase;language:nl'> </span><span lang=nl
style='font-size:30.0pt;color:white;font-weight:bold;text-transform:uppercase;
language:nl'>//</span><span lang=nl style='font-family:"Simplified Arabic Fixed";
color:white;font-weight:bold;text-transform:uppercase;language:nl'> </span><a
href="index_bestanden/Page321.htm"><span lang=nl style='font-size:30.0pt;
font-family:"Simplified Arabic Fixed";color:white;text-decoration:none;
font-weight:bold;text-transform:uppercase;language:nl'>new</span></a><span
lang=nl style='font-family:"Simplified Arabic Fixed";color:white;font-weight:
bold;text-transform:uppercase;language:nl'> </span><span lang=nl
style='font-size:30.0pt;color:white;font-weight:bold;text-transform:uppercase;
language:nl'>//</span><span lang=nl style='font-family:"Simplified Arabic Fixed";
color:white;font-weight:bold;text-transform:uppercase;language:nl'> </span><a
href="index_bestanden/Page337.htm"><span lang=nl style='font-size:30.0pt;
font-family:"Simplified Arabic Fixed";color:white;text-decoration:none;
font-weight:bold;text-transform:uppercase;language:nl'>gallery</span></a></p>
</div>
<![if !vml]></td>
</tr>
</table>
</span><![endif]><!--[if gte vml 1]><v:shape id="_x0000_s1082" type="#_x0000_t202"
style='position:absolute;left:0;top:1102.5pt;width:450pt;height:27.75pt;
z-index:58;visibility:visible;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]" 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"/>
<o:top v:ext="view" color="black [0]" color2="white [7]" joinstyle="miter"/>
<o:right v:ext="view" color="black [0]" color2="white [7]" joinstyle="miter"/>
<o:bottom v:ext="view" color="black [0]" color2="white [7]" joinstyle="miter"/>
<o:column v:ext="view" color="black [0]" color2="white [7]"/>
</v:stroke>
<v:shadow color="#ccc [4]"/>
<v
<v:textbox style='mso-column-margin:2mm' inset="0,0,0,0"/>
</v:shape><![endif]--><![if !vml]><span style='position:absolute;z-index:58;
left:0px;top:1470px;width:600px;height:37px'>
<table cellpadding=0 cellspacing=0>
<tr>
<td width=600 height=37 style='vertical-align:top'><![endif]>
<div v:shape="_x0000_s1082" style='padding:0pt 0pt 0pt 0pt' class=shape>
<p class=MsoNormal><a href="index_bestanden/Page353.htm"><span lang=nl
style='font-size:30.0pt;font-family:"Simplified Arabic Fixed";color:white;
text-decoration:underline;font-weight:bold;text-transform:uppercase;
language:nl'>Info</span></a><span lang=nl style='font-family:"Simplified Arabic Fixed";
color:white;text-decoration:underline;font-weight:bold;text-transform:uppercase;
language:nl'> </span><span lang=nl style='font-size:30.0pt;color:white;
font-weight:bold;text-transform:uppercase;language:nl'>//</span><span
lang=nl style='font-family:"Simplified Arabic Fixed";color:white;font-weight:
bold;text-transform:uppercase;language:nl'> </span><a
href="index_bestanden/Page369.htm"><span lang=nl style='font-size:30.0pt;
font-family:"Simplified Arabic Fixed";color:white;text-decoration:none;
font-weight:bold;text-transform:uppercase;language:nl'>blog</span></a><span
lang=nl style='font-family:"Simplified Arabic Fixed";color:white;font-weight:
bold;text-transform:uppercase;language:nl'> </span><span lang=nl
style='font-size:30.0pt;color:white;font-weight:bold;text-transform:uppercase;
language:nl'>//</span><span lang=nl style='font-family:"Simplified Arabic Fixed";
color:white;font-weight:bold;text-transform:uppercase;language:nl'> </span><a
href="index_bestanden/Page385.htm"><span lang=nl style='font-size:30.0pt;
font-family:"Simplified Arabic Fixed";color:white;text-decoration:none;
font-weight:bold;text-transform:uppercase;language:nl'>contact</span></a></p>
</div>
<![if !vml]></td>
</tr>
</table>
</span><![endif]>
</div>
</body>
</html>
Wat als je nu onder de body tag het volgende zet:
<div id="wrapper">
en helemaal van onder boven de </body> </div> natuurlijk.
En dan in je style zet je:
#wrapper{margin-left: auto; margin-right: auto; width: 50em;}
Lieve hemel, Publisher... Niet echt het beste gereedschap om een site mee te bouwen, je hebt nu ontzettend veel rommel in je code zitten. Waarom heb je de site niet in Dreamweaver gebouwd, als je dat toch al op je PC hebt staan?
Wat je vraag betreft; zou je je bericht kunnen aanpassen je code tussen [html*] [/html*] (zonder de *) tags kunnen zetten? Dat maakt de boel ten minste nog een beetje overzichtelijk.
ExtendOpera.org, voor wie Opera uit wil breiden.Leesvoer voor wie een site wil bouwen
[link verwijderd] een Nederlandstalige handleiding voor CSS en HTML
An introduction to web standards
Deze HTML tags vermijden aub: <CENTER> <FONT> Waarom? Hierom!
Hoi TMaas,
Ook erg handig is, als we de plaats van de misdaad met eigen ogen kunnen zien: heb je een link naar de pagina?
Over Publisher: inderdaad, Publisher maakt volstrekte bagger-code, die niet aan de standaarden voldoet en garant staat voor ellende in de verschillende in omloop zijnde browsers.
Met vriendelijke groet,
CSShunter
Als een webpagina plots niet doet wat je wilt, raadpleeg dan eerst de html-validator, vóórdat je wanhopig aan de css gaat sleutelen. En vraag de css-validator om op alle punten en komma's te letten. Staat er een (goed) DOCtype boven? Doet de pagina niet gewoon wat moet volgens de html-specificatie en de regels voor css? Daarna pas sleutelen!
(als dat nog nodig is!) - O, ken je de Webrichtijnen (test) al?
<body>
<div align="center">
hier komt je hele script tussen
</div>
</body>
Eh, zo'n extra <div> voor het centreren is overbodig (en ook de "wrapper-div" van reactie nr. #2), als je gewoon de <body> zelf centreert.
In de <head> zet je als laatste in het <style>-blok:
En uit de <body>-tag schrap je de style='margin: 0', dus:HTML Code:
... body { width: 910px; margin: 0 auto; } </style>
... maar helaas zitten er dan nog steeds de 130 html-fouten in, die Publisher voor je georganiseerd heeft.
Het beste is dus, nu je nog aan het begin van de site staat, de pagina opnieuw te bouwen, maar dan goed: met Dreamweaver, of bv. Kompozer.
Met vriendelijke groet,
CSShunter
=======
PS-1:
align="center" behoort tot de afgekeurde html-eigenschappen, die in het (al 12 jaar aanbevolen) Strict Doctype verboden zijn. Zie hier!
PS-2:
Bij een opgegeven breedte van de body in de em-eenheid (reactie #2) wordt de breedte afhankelijk van de lettergrootte die door de bezoeker is ingesteld. Ik denk dat dit voor deze site niet de bedoeling is (anders moeten allerlei andere breedtes ook in em's worden opgegeven om de pagina compleet "liquid" te maken; meestal niet wenselijk, en ook niet zo eenvoudig).
Laatst aangepast door csshunter : 20 juli 2012 om 21:51
Als een webpagina plots niet doet wat je wilt, raadpleeg dan eerst de html-validator, vóórdat je wanhopig aan de css gaat sleutelen. En vraag de css-validator om op alle punten en komma's te letten. Staat er een (goed) DOCtype boven? Doet de pagina niet gewoon wat moet volgens de html-specificatie en de regels voor css? Daarna pas sleutelen!
(als dat nog nodig is!) - O, ken je de Webrichtijnen (test) al?
Berichtenregels
Quote
