Bonjour,
Quand on lit les ouvrages de NEBRA, ENGELS ou que l'on suit d'autres conseilleurs éminents, il y a un code source minimal pour une page XHTML.
Alors je me suis dit "je vais faire bien, moi aussi," et là c'est la "catastrophe" tout au moins ... pour le moment.

J'ai une procédure qui réalise ce dont j'ai besoin et que l'on trouve à l'adresse http://touteladanse.com. On va se préoccuper de la fenêtre (frame dans le programme complet) en bas à droite qui contient elle-même une petite fenêtre correctement positionnée, à la fin. J'ai légèrement modifié mon script pour l'exemple test , mais l'essentiel est identique.

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
  <meta http-equiv="Content-Language" content="fr"/>
  <title>Test de positionnement d'une fenêtre.</title>
  <meta name="Keywords" content="danse,salon,th&eacute;,repas,cours,orchestre,orchestres,date,dates,apr&egrave;s-midi,soir&eacute;e,dansante,dancing,fest_noz,dansant, danse de salon, th&eacute;dansant,bal r&eacute;tro,d&icirc;ner dansant, bal" lang="fr"/>
   <link rel="stylesheet" media="screen" type="text/css" title="Mon style Essai" href="style.css" />
</head>
 
 
<body>
<script type="text/javascript">
function showLayer(sName) {
        if (self.document.all)
                self.document.all[sName].style.visibility = "visible"   //hidden
        else
                self.document.layers[sName].visibility = "show"; //hide
}
function hideLayer(sName) {
        if (self.document.all)
                self.document.all[sName].style.visibility = "hidden"
        else
                self.document.layers[sName].visibility = "hide";
}
</script>
 
<div id="MonCalque" style="position: absolute; top: 400; left: 100; width: auto; height: auto">
  <table border="1">
    <tr>
      <td bgcolor="#7CFC00"><font color="#000000">On met ce qu'on veut</font></td>
    </tr>
    <tr>
      <td colspan="2" bgcolor="#7CFC00" bordercolor="#FF0000"><font color="#00FF00"><a style="color: red" href="javascript:hideLayer('MonCalque');"><b><p align="center">Cliquer ICI supprime cette Fenêtre </p></b></a></font></td>
    </tr>
  </table>
</div>
 
<h1>BIENVENUE sur VOTRE SITE, vous les danseurs et danseuses passionnés de danse de salon.</h1>
 
<p> A Très Bientôt. Merci.</p>
</body>
 
</html>
Premier point : Dès lors que je mets les deux lignes DOCTYPE et le html non simple, ma fenêtre s'affiche en haut à gauche ce qui ne correspnd pas au positionnement demandé. Comment faire pour un positionnement de la fenêtre comme je le souhaite?

Second point : si je passe le script à la moulinette de contrôle W3C, il reste de nombreuses erreurs ou warnings dont la plupart concernent les spécifications ou attributs (couleur de fond, du texte,des bordures) de <tr> et <td> qui peuvent être mises par HTML et par CSS mais apparemment pas par XHTML pur.
Pour ce faire, peut-on se passer de CSS?
Adresse de la vérification : http://www.touteladanse.com/essais/page_1.htm

Je vous remercie.
M.M.