[Typo3-UG Dutch] stricte (x)html + typo3

Sun May 15 20:53:25 CEST 2005

Hoi Paul,

Proloog:
Mijn validator geeft 14 warmings aan in je html-template en slechts 5 in 
de door T3 gegenereerde pagina. Dus ga je er wat dat betreft al iets op 
vooruit.

Om te beginnen:

Kijk eens naar het verschil in doctypes.
Advies: Maak een dummy pagina. Zet in je TS een xhtml doctype (met een 
switch voor IE). Knip zo'n kop uit en neem die voor je html-template.
Dan weet je zeker dat je referenties wat dat betreft hetzelfde zijn.

Nu zit je (bijna) appels met peren te vergelijken.

Verder:
Voor xhtml-tags gebruik je uitsluitend onderkast.
Zet geen opmaak en lay-out in je pagina maar in je stylesheet(s).
Zorg er in dat kader met TS ook voor dat je bodytag netjes leeg blijft.
Probeer <table>'s alleen voor tabellen te gebruiken.
Zet de namen van bijvoorbeeld classes altijd tussen dubbele kwootjes.

Tenslotte een advies: Neem firefox als browser.
Ga stap voor stap te werk. Bouw je pagina in fasen op.
Neem een klein stukje en maak het zo, dat het in FF perfect werkt.
Controleer nu in IE. Zoek een hack om eventueel je css aan te passen aan 
de grillen van IE.
Neem de volgende stap.
Onderaan heb ik als voorbeeld een template van mezelf meegestuurd. Nou 
ja, voor een pagina die ik zelf gemaakt heb, bedoel ik eigenlijk!
Dit is een pagina met kop, voet, middendeel en links en rechts een kolom.
Even indekken: Ja, daar zal ook nog wel wat op aan te merken zijn.
Denk dan maar aan het tegeltje in de bruine kroeg:  Bent u tevreden zeg 
het anderen. Bent u ontevreden, zeg het ons.

Ik vind dat het voorlopig wel weer kan, zo.

Succes,

Daniel

Paul Maas schreef:
> Hallo hieronder de links:

>>Geef eens een link naar je template en een link naar de pagina nadat

>>>Hallo, gisteren hebben we het ook even gehad over het strict houden van je 
>>>(x)html . Hierop ben ik eens naar een aantal door mij gemaakte sites gaan 

<!DOCTYPE html
      PUBLIC "-//W3C//DTD XHTML 1.1//EN"
      "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<?xml version="1.1" encoding="iso-8859-1"?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Titel</title>
<link rel="stylesheet" type="text/css" href="style/style1.php" />
</head>
<body>
<div id="wrapper">
   <div id="content">
     <div><h1 class="csc-firstHeader">Claritas est etiam</h1></div>
     <p class="bodytext">Mirum est notare quam lit</p>
     <br />
   </div>
   <div id="footer">&copy;1997 - 2005 Websites</div>
   <div id="top"><h1>Websites</h1>
     <img id="sl3" src="pics/s3s.jpg" alt="sl" />
     <img id="sl3m" src="pics/s3s_m.jpg" alt="sl" />
   </div>
   <div id="menuleft">
     <ul>
       <li class="active">Menu</li>
       <li>Menu
         <ul>
     	  <li>Menu</li>
     	  <li>Menu</li>
         </ul>	
       </li>
       <li>Menu</li>
     </ul>	
   </div>
   <div id="newsright">
     [Nieuws]<br />
     [Nieuws]<br />
     [Nieuws]<br />
   </div>
   <div id="login">
     [Login]<br />
   </div>
   <div id="search">
     [Search]<br />
   </div>
</div>
</body>
</html>