[XHTML] Mise en place de doctype XHTML Strict : plein d'erreurs
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:
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é,repas,cours,orchestre,orchestres,date,dates,après-midi,soirée,dansante,dancing,fest_noz,dansant, danse de salon, thédansant,bal rétro,dî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.
MERCI POUR TOUT à tous les deux
Bonjour,
Je n'ai pas encore à cette heure testé la suggestion de Gihefkey.
Celle de 12monkeys ne me donne pas le résultat souhaité.
Cependant elle me met sur la voie d'une solution alternative satisfaisante.
Le paramètre margin : 0 était déjà appliqué à l'identifiant ferme, le fait de le mettre en plus dans le sélecteur p.ferme ne provoque aucune modification, mais ... me donne une idée car si je fais appliquer margin : 0 à tous les paragraphes je gagne de la place en affichage et du coup la petite fenêtre tient à l'écran, est plus visible et peut conserver les "marges avant et arrière".
Après tests je passerai sur le site LA SOLUTION qui me paraît la plus satisfaisante et je vous renouvellerai mon merci amical. Tout ce que vous m'avez fourni, exemples à l'appui, m'ouvre effectivement des perspectives intéressantes sur la façon de travailler concrètement avec CSS et XHTML.
Bien cordialement et Bravo.
Marcel Marie
AIDE TOI, le ciel t'aidera
Bonsoir,
C'est ce qu'on dit.
Alors je me suis plongé pour la première fois dans un livre JavaScript, mais même si le ciel ne m'a pas aidé j'ai appris certaines choses.
Ce qui m'était proposé dans cette discussion :
Code:
1 2
| function hideLayer(sName) {
document.getElementById(sName).style.visibility = "hidden"; |
et ce que j'ai lu et qui est suggéré en alternative dans le livre :
Code:
1 2
| function hideLayer(sName) {
document.getElementById(sName).style.display="none"; |
ne fonctionnent pas, ni l'un ni l'autre , sur IE7: le message de fermeture passe à gauche après un premier clic et la fenêtre disparait au second clic.
Mais les deux fonctionnent parfaitement sur Mozilla Firefox.
Y a-t-il une explication?
Merci.
Marcel Marie