Frontpage probleem

JaapSchouten · 6 jul 2013

L.s,

Ik wil een website publiceren gemaakt in MS Publisher 2003. Het schijnt een bekend probleem te zijn dat dit programma gebruik maakt van FrontPage dus heb ik een host gezocht (engevonden) die de FrontPage extensies op de server heeft staan.
Als ik nu de website upload dan komt alleen mijn index online, linken werken niet en pictures zijn kruisjes,... enz.
Wie kan mij hiermee helpen.

Gr. Jaap Schouten

SingAlong · 6 jul 2013

Hallo Jaap,

Heb je de gehele map (inclusief alle andere pagina's en afbeeldingen) geupload? Wat ook kan helpen is dat je kijkt naar of de verwijzingen goed in de bestanden staan. Het zou namelijk kunnen dat ze naar je computer verwijzen en dat werkt natuurlijk niet.

JaapSchouten · 7 jul 2013

Hallo Tom,

Ik heb via een FTP geprobeert te uploaden maar dat ging niet,.. toen heb ik alle bestandjes en pagina's los geupload en daarnaast uiteraard de Index maar dan wordt alleen de index gevonden op het web en daar werken de linken niet en plaatjes zijn kruisjes.
Verder wordt in het programma zelf verwezen naar de onderliggende pagina's binnen dat document dus niet naar een bestand op mijn computer.

SingAlong · 8 jul 2013

Goedemorgen,

Wat lukte niet qua ftp? Kreeg je een foutmelding? Heb je een link naar je website? Dan kan ik er naar kijken.

JaapSchouten · 8 jul 2013

link naar de website : energiehulp.eu

Ik heb daar nu een algemene pagina op staan dus je kunt er niet veel uit opmaken momenteel

SingAlong · 8 jul 2013

Ik kan je alleen helpen als ik een voorbeeld heb waaraan ik kan zien wat er mogelijk fout gaat.

Je zegt dat je bestanden los hebt geupload. Hebt je ze toen wel in de juiste mappen gezet?

JaapSchouten · 9 jul 2013

Hallo Sing Along,

Ik heb, zoals de host aangeeft, alle documenten,.. index.htm, page's.htm, image's, en filelist.xml geplaatst in httpdocs.

Ik wil je desnoods met alle plezier het orginele Publisher document toezenden maar ik weet niet of dat via dit forum kan (en of dat wel verstandig is via dit forum)
P.s, Het emailadres zoals vermeld op de url werkt gewoon

csshunter · 10 jul 2013

"energiehulp.eu: je kunt er niet veel uit opmaken momenteel" > Toch wel!
Oef ... in de 6 eenvoudige regels van de tijdelijke homepage lukt het Frontpage om er 100 foute htlm-codes in te krijgen. :shocked:

Het zit tjokvol met speciale Publisher- en Frontpage-codes (die dwars tegen de voorschriften/standaarden ingaan van w3c, de "baas" van internetcodering), en Publisher is compleet ongeschikt om fatsoenlijke websites mee te maken waar alle browsers mee overweg kunnen.

Zie bv. hier en hier en hier...
Als dingen al werken, dan zal dat vooral in Internet Explorer zijn. Maar ca. 2/3 van de NL surfers gebruikt géén Internet Explorer!
In de huidige homepage kunnen bv. Firefox, Chrome, Opera en Safari de achtergrond-afbeelding niet laten zien door de gemaakte fouten. Internet Explorer 10 kan het ook niet (IE8 en IE9 wel, zie hier). En IE10 is nu 15% van de NL surfers, dus in totaal ziet zo'n 80% van de bezoekers niet het bedoelde kleurverloop van de achtergrond-afbeelding.

Meer kan ik er helaas niet van bakken. De pagina/website zal overgemaakt moeten worden in een betere website-editor, bijvoorbeeld de gratis KompoZer - deze werkt vergelijkbaar met Frontpage.

JaapSchouten · 11 jul 2013

Uit die KompoZer wordt ik geen wijs en kun je minder makkelijk een website opbouwen dan in Publisher. Daarnaast heb ik een dergelijk programma (exact hetzelfde maar dan onder een andere naam) al eens geprobeert.

JaapSchouten · 20 jul 2013

Ik heb nog steeds geen oplossing,.. dus hier kan ik de FrontPage goeroes ook al niet vinden

csshunter · 20 jul 2013

Dag Jaap,
Ik ben heel erg bang dat die "Frontpage goeroes" nergens te vinden zijn.
Sterker nog, ik weet zeker dat ze gewoon niet bestaan!

Om van een Publisher/Frontpage pagina een echte webpagina te maken ... gaat domweg niet; daar kan geen goeroe tegenop.
Het enige wat een FP-goeroe met recht zou kunnen zeggen, is:

Gooi eerst alle door Publisher gemaakte code overboord.
Laat Frontpage niets automatisch doen!
Ga dan in de code-weergave van Frontpage werken, om niet opnieuw met allerlei rommel geconfronteerd te worden.

Helaas is daar wel wat inzicht in html en css voor nodig, want tja, wat ze ook zeggen: een website maken is een vak waar vakkennis voor nodig is (zoals bij elk vak: dat heb je niet zomaar onder de knie).

Inderdaad, Publisher belooft veel en is op het oog makkelijk om mee te werken. Maar schijn bedriegt. Publisher kan wel heel aardige print-werkstukken afleveren, maar goede html ho maar...

=======

Neem de huidige homepage (die van die ruim 100 html-fouten), waar in het body-gedeelte dit staat:

HTML:

<body link=navy vlink="#660099" bgcolor="#D1F0FF"
background="index_bestanden/image335.png" style='margin:0'>
<!--[if gte vml 1]><v:background id="_x0000_s2049" o:bwmode="white"
 fillcolor="#d1f0ff [2 lighten(77)]" o:targetscreensize="1920,1080">
 <v:fill angle="-90" type="gradient"/>
</v:background><![endif]-->

<div style='position:absolute;width:7.-71in;height:3.-2154in'>
<!--[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_s2012" type="#_x0000_t202" style='position:absolute;
 left:119.51pt;top:49.76pt;width:58.38pt;height:1in;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]"/>
  <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:path insetpenok="f"/>
 <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:3;
left:159px;top:66px;width:78px;height:96px'>

<table cellpadding=0 cellspacing=0>
 <tr>
  <td width=78 height=96 style='vertical-align:top'><![endif]>
  <div v:shape="_x0000_s2012" style='padding:2.88pt 2.88pt 2.88pt 2.88pt'
  class=shape></div>
  <![if !vml]></td>
 </tr>
</table>

</span><![endif]><!--[if gte vml 1]><v:shape id="_x0000_s2013" type="#_x0000_t202"
 style='position:absolute;left:97.76pt;top:40.88pt;width:459.75pt;height:57.58pt;
 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' 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]"/>
  <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:path insetpenok="f"/>
 <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:4;
left:130px;top:55px;width:613px;height:76px'>

<table cellpadding=0 cellspacing=0>
 <tr>
  <td width=613 height=76 style='vertical-align:top'><![endif]>
  <div v:shape="_x0000_s2013" style='padding:2.88pt 2.88pt 2.88pt 2.88pt'
  class=shape>
  <p class=MsoNormal><span lang=nl style='font-size:42.2pt;font-family:Impact;
  color:#080808;language:nl'>energiehulp.eu</span></p>
  </div>
  <![if !vml]></td>
 </tr>
</table>

</span><![endif]><!--[if gte vml 1]><v:shape id="_x0000_s2014" type="#_x0000_t202"
 style='position:absolute;left:120.75pt;top:98.48pt;width:351.52pt;height:27.72pt;
 z-index:5;visibility:visible;mso-wrap-edited:f;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]" strokeweight="0" o:cliptowrap="t">
 <v:fill color2="white [7]"/>
 <v:stroke>
  <o:left v:ext="view" color="black [0]" weight="0" joinstyle="miter"/>
  <o:top v:ext="view" color="black [0]" weight="0" joinstyle="miter"/>
  <o:right v:ext="view" color="black [0]" weight="0" joinstyle="miter"/>
  <o:bottom v:ext="view" color="black [0]" weight="0" joinstyle="miter"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:shadow color="#ccc [4]"/>
 <v:path insetpenok="f"/>
 <v:textbox style='mso-column-margin:5.7pt' inset="2.85pt,0,2.85pt,0"/>
</v:shape><![endif]--><![if !vml]><span style='position:absolute;z-index:5;
left:161px;top:131px;width:469px;height:37px'>

<table cellpadding=0 cellspacing=0>
 <tr>
  <td width=469 height=37 valign=bottom style='vertical-align:top'><![endif]>
  <div v:shape="_x0000_s2014" style='padding:1.5pt 2.85pt 0pt 2.85pt'
  class=shape>
  <p class=MsoOrganizationName2><span lang=nl style='font-size:20.0pt;
  color:#00B050;font-style:italic;language:nl'>Voor een veilig uitstapje in energieland</span></p>
  </div>
  <![if !vml]></td>
 </tr>
</table>

</span><![endif]><!--[if gte vml 1]><v:shape id="_x0000_s2015" type="#_x0000_t202"
 style='position:absolute;left:171.75pt;top:135.75pt;width:259.5pt;height:1in;
 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' 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]"/>
  <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:path insetpenok="f"/>
 <v:textbox style='mso-column-margin:5.76pt' inset="2.88pt,2.88pt,2.88pt,2.88pt"/>
</v:shape><![endif]--><![if !vml]><span style='position:absolute;z-index:6;
left:229px;top:181px;width:346px;height:96px'>

<table cellpadding=0 cellspacing=0>
 <tr>
  <td width=346 height=96 style='vertical-align:top'><![endif]>
  <div v:shape="_x0000_s2015" style='padding:2.88pt 2.88pt 2.88pt 2.88pt'
  class=shape>
  <p class=MsoNormal><span lang=nl style='color:red;font-weight:bold;
  language:nl'>Deze website is in ontwerp. Excuses voor het ongemak</span></p>
  <p class=MsoNormal><span lang=nl style='language:nl'>&nbsp;</span></p>
  <p class=MsoNormal><span lang=nl style='language:nl'>E-mail  energie@energiehulp.eu</span></p>
  <p class=MsoNormal><span lang=nl style='language:nl'><span dir=ltr></span>0492-528660</span></p>
  </div>
  <![if !vml]></td>
 </tr>
</table>

</span><![endif]><!--[if gte vml 1]><v:rect id="_x0000_s36867" style='position:absolute;
 left:4.16pt;top:120.3pt;width:126pt;height:25.2pt;z-index:7;visibility:hidden;
 mso-wrap-edited:f;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:regroupid="10"
 filled="f" fillcolor="white [7]" stroked="f" strokecolor="black [0]"
 o:cliptowrap="t">
 <v:stroke dashstyle="1 1" endcap="round">
  <o:left v:ext="view" weight="0"/>
  <o:top v:ext="view" weight="0"/>
  <o:right v:ext="view" weight="0"/>
  <o:bottom v:ext="view" weight="0"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:shadow color="#ccc [4]"/>
 <v:path insetpenok="f"/>
 <o:lock v:ext="edit" shapetype="t"/>
 <v:textbox inset="2.88pt,2.88pt,2.88pt,2.88pt"/>
</v:rect><![endif]--><!--[if gte vml 1]><v:shape id="_x0000_s36895" type="#_x0000_t202"
 style='position:absolute;left:63.75pt;top:220.5pt;width:158.25pt;height:46.5pt;
 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' 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]"/>
  <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:path insetpenok="f"/>
 <v:textbox style='mso-column-margin:5.76pt' inset="2.88pt,2.88pt,2.88pt,2.88pt"/>
</v:shape><![endif]--><![if !vml]><span style='position:absolute;z-index:8;
left:85px;top:294px;width:211px;height:62px'>

<table cellpadding=0 cellspacing=0>
 <tr>
  <td width=211 height=62 style='vertical-align:top'><![endif]>
  <div v:shape="_x0000_s36895" style='padding:2.88pt 2.88pt 2.88pt 2.88pt'
  class=shape>
  <p class=MsoNormal style='text-align:right;text-align:right'><span lang=nl
  style='language:nl'>U kunt wel nu al onze </span></p>
  </div>
  <![if !vml]></td>
 </tr>
</table>

</span><![endif]><!--[if gte vml 1]><v:shape id="_x0000_s36896" type="#_x0000_t202"
 style='position:absolute;left:343.5pt;top:220.5pt;width:1in;height:27pt;
 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]" 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:path insetpenok="f"/>
 <v:textbox style='mso-column-margin:5.76pt' inset="2.88pt,2.88pt,2.88pt,2.88pt"/>
</v:shape><![endif]--><![if !vml]><span style='position:absolute;z-index:9;
left:458px;top:294px;width:96px;height:36px'>

<table cellpadding=0 cellspacing=0>
 <tr>
  <td width=96 height=36 style='vertical-align:top'><![endif]>
  <div v:shape="_x0000_s36896" style='padding:2.88pt 2.88pt 2.88pt 2.88pt'
  class=shape>
  <p class=MsoNormal><span lang=nl style='language:nl'>raadplegen</span></p>
  </div>
  <![if !vml]></td>
 </tr>
</table>

</span><![endif]><!--[if gte vml 1]><v:shape id="_x0000_s36897" type="#_x0000_t202"
 style='position:absolute;left:222pt;top:218.25pt;width:121.5pt;height:35.25pt;
 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]" 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]"/>
  <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:path insetpenok="f"/>
 <v:textbox style='mso-column-margin:5.76pt' inset="2.88pt,2.88pt,2.88pt,2.88pt"/>
</v:shape><![endif]--><![if !vml]><span style='position:absolute;z-index:10;
left:296px;top:291px;width:162px;height:47px'>

<table cellpadding=0 cellspacing=0>
 <tr>
  <td width=162 height=47 style='vertical-align:top'><![endif]>
  <div v:shape="_x0000_s36897" style='padding:2.88pt 2.88pt 2.88pt 2.88pt'
  class=shape>
  <p class=MsoNormal><a
  href="https://skydrive.live.com/embed?cid=84BCB9606CDFB192&amp;resid=84BCB9606CDFB192%21174&amp;authkey=AEcD75EB7eYQ-70&amp;em=2&amp;wdAllowInteractivity=False&amp;AllowTyping=True&amp;Item='Bereken%20uw%20voordeel'!A1%3AP66&amp;wdHideGridlines=True&amp;wdDownloadButton=False"><span
  lang=nl style='font-size:14.0pt;text-decoration:underline;language:nl'>vergelijkingsmodule</span></a></p>
  </div>
  <![if !vml]></td>
 </tr>
</table>

</span><![endif]>
</div>

</body>

Dat hele verhaal van 250 regels warhoofdige htmlcode-imitatie kan vervangen worden door dit kleine beetje code:

HTML:

<body>
	<h1>energie<span></span>hulp.eu</h1>

	<h2>Voor een veilige overstap in energieland</h2>

	<div id="vergelijk">
		<h3>Vergelijkingsmodule<br />
		van energie-aanbieders</h3>
		<p><span>U kunt nu al onze
		<a href="https://skydrive.live.com/embed?cid=84BCB9606CDFB192&amp;resid=84BCB9606CDFB192!174&amp;authkey=AEcD75EB7eYQ-70&amp;em=2&amp;wdAllowInteractivity=False&amp;AllowTyping=True&amp;Item='Bereken uw voordeel'!A1:P66&amp;wdHideGridlines=True&amp;wdDownloadBu" 
		title="Ga naar onze vergelijking van energie-aanbieders!">vergelijkingsmodule</a>
		raadplegen!</span></p>
	</div>
	
	<div id="warning">Deze website is nog in ontwerp. Excuses voor het ongemak.</div>

	<p id="mail">E-mail: energie@energiehulp.eu</p>
	<p>Tel.: 0492-528660</p>
</body>

Dat is 18 code-regels in plaats van 250 stuks!

=======

En de opmaak die in de <head> van de code staat ...

Code:

<!--[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]-->
<style>
<!--
 /* Lettertypen */
@font-face
	{font-family:"Times New Roman";
	panose-1:2 2 6 3 5 4 5 2 3 4;}
@font-face
	{font-family:Impact;
	panose-1:2 11 8 6 3 9 2 5 2 4;}
 /* Stijlen */
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;}
p.MsoOrganizationName2, li.MsoOrganizationName2, div.MsoOrganizationName2
	{margin-right:0pt;
	text-indent:0pt;
	margin-top:0pt;
	margin-bottom:0pt;
	text-align:center;
	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.0302in 11.0in;}
-->
</style>
<!--[if gte mso 9]><xml>
 <o:shapedefaults v:ext="edit" spidmax="43010" 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:colormenu v:ext="edit" fillcolor="red [1]" strokecolor="black [0]"
   shadowcolor="#ccc [4]"/>
 </o:shapedefaults><o:shapelayout v:ext="edit">
  <o:idmap v:ext="edit" data="1,36"/>
  <o:regrouptable v:ext="edit">
   <o:entry new="1" old="0"/>
   <o:entry new="2" old="0"/>
   <o:entry new="3" old="0"/>
   <o:entry new="4" old="0"/>
   <o:entry new="5" old="0"/>
   <o:entry new="6" old="0"/>
   <o:entry new="7" old="0"/>
   <o:entry new="8" old="0"/>
   <o:entry new="9" old="0"/>
   <o:entry new="10" old="0"/>
  </o:regrouptable>
 </o:shapelayout></xml><![endif]-->

... kan vervangen worden door:

Code:

<style type="text/css">
html {
	height: 100%;
	background: url(http://energiehulp.eu/image335.png) 50% 0;
	}
body {
	width: 90%;
	max-width: 990px;
	margin: 3% auto 0 auto;
	font-family: arial, helvetica, sans-serif;
	font-size: 100.1%;
	letter-spacing: .05em;
	}
h1 {
	margin: 0;
	color: #004040;
	font-size: 4em;
	letter-spacing: 0.115em;
	text-shadow: 5px 5px 3px #C0C0C0;
	}
h1 span {
	width: 1px;
	display: inline-block;
	}
h2 {
	margin-top: 2%;
	font-size: 1.5em;
	font-style: italic;
	color: green;
	text-shadow: 3px 3px 2px #D2D2D2;
	letter-spacing: .1em;
	}
#warning {
	margin: 6% 0;
	text-align: center;
	text-shadow: 3px 3px 2px #C0C0C0;
	color: red;
	}
#vergelijk {
	width: 29em;
	max-width: 95%;
	margin: 6% auto;
	padding-bottom: 1em;
	background: white;
	border: 1px solid green;
	border-radius: 10px;
	}
h3 {
	margin-top: 6%;
	font-size: 1.2em;
	color: #800080;
	text-align: center;
	text-shadow: 3px 3px 2px #C0C0C0;
	letter-spacing: .1em;
	}
p {
	text-align: center;
	text-shadow: 2px 2px 1px #C0C0C0;
	}
#vergelijk span {
	padding: 5px 10px;
	background: #FFFFC0;
	border-radius: 10px;
	line-height: 200%;
	}
#vergelijk a {
	padding: .5em 5px;
	color: blue;
	}
#vergelijk a:hover,
#vergelijk a:focus {
	background: blue;
	color: white;
	text-shadow: 1px 1px black;
	text-decoration: none;
	position: relative;
	z-index: 2;
	}
#mail {
	margin-top: 6%;
	}
</style>

Zelfde aantal code-regels, maar nu wel werkend!

=======

Het resultaat is deze pagina: ehulp-nw.htm
100% geldige html-code, zegt de html-validator.
100% geldige css-code, zegt de css-validator.
Geschikt voor alle browsers: Firefox, Chrome, Opera, Safari, Internet Explorer 7, IE8, IE9 en IE10.
Ook geschikt voor voorlees-browsers en pure tekst-browsers.
Goed te indiceren door Google.
Pagina-snelheid is met 1/3 toegenomen.
Geschikt voor alle beeldschermen, van mobieltje tot breedbeeld desktop scherm (past zich automatisch aan).

desktop 1280*1024px ----- mobieltje 320*480px

Zo kan het dus ook!

Met vriendelijke groet,
CSShunter

JaapSchouten · 20 jul 2013

CSS Hunter,

Duidelijker kan haast niet. Vreemd genoeg heb ik meerdere websites gehad,.. allemaal gemaakt in Publisher. Mijn voormalig host moest dan iets aan de html code toevoegen om de boel draaiende te krijgen maar het werkte altijd wel.

Mijn idee om zelf mijn website te maken moet ik maar overboord gooien denk ik (heb geen kaas gegeten van HTML)

Voor zover in ieder geval bedankt
Groet, Jaap Schouten

Frontpage probleem

JaapSchouten

Gebruiker

SingAlong

Gebruiker

JaapSchouten

Gebruiker

SingAlong

Gebruiker

JaapSchouten

Gebruiker

SingAlong

Gebruiker

JaapSchouten

Gebruiker

csshunter

Meubilair

JaapSchouten

Gebruiker

JaapSchouten

Gebruiker

csshunter

Meubilair

JaapSchouten

Gebruiker

Nieuwste berichten

Wij waarderen jouw privacy