<!doctype html> modifie tableau CSS

jimicliche Messages postés 3 Statut Membre -  
telliak Messages postés 4387 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

J'ai créé une page web avec un tableau en CSS qui forme un piano.
(jimmycliche.besaba.com)
En mode quirks, tout s'affiche parfaitement.
Aussitôt que j'inclus un doctype (n'importe lequel),
mon tableau ne s'affiche plus correctement (peut importe la version
du navigateur).

voici le code CSS qui change d'apparence selon le mode doctype ou quirks

table,body,tr,td {
font-family:Tahoma,Arial; text-align:center
}
select {
font-size : 15px;
}
table { 
margin : 10px auto auto auto; 
} 

#Clavier { margin: auto; }{border:1px solid #000}

.ToucheBOff{background-color:#fefefe;border:1px solid #000}
.ToucheBOn{background-color:#31a3d3;border:1px solid #000}
.ToucheBBase{background-color:#7dcaeb;border:1px solid #000}

.ToucheNOff{background-color:#666;border:1px solid #000}
.ToucheNOn{background-color:#31a3d3;border:1px solid #000}
.ToucheNBase{background-color:#7dcaeb;border:1px solid #000}

.ToucheBOff span,.ToucheNOff span{display:none}
.ToucheBOn span, .ToucheBBase span{position:relative;top:100px;font-size:55px;color:black}
.ToucheNOn span,.ToucheNBase span{position:relative;top:45px;font-size:55px;color:black}

Comment corriger cet erreur? Merci d'avance.
Jimmy
A voir également:

2 réponses

telliak Messages postés 4387 Date d'inscription   Statut Membre Dernière intervention   883
 
Salut,
Pourquoi tiens-tu à mettre un Doctype, il n'est pas indispensable.
0
jimicliche Messages postés 3 Statut Membre
 
Oui je pense que si je ne trouve pas de solution je vais laisser le code tel quel (quoi que ça ne respecte pas les normes w3
0
telliak Messages postés 4387 Date d'inscription   Statut Membre Dernière intervention   883
 
Oui, j'ai été incorect, j'aurais dû dire que <!DOCTYPE html> suffisait. Est-ce que ton tableau se modifie avec ce Doctype simple ?
0
nerjahoui
 
Salut,
pourquoi utilisez un tableau pour de la mise en page?
Cela fait 10 ans et depuis l'apparition du CSS que les tableaux ne doivent pas être utilisés; cela pour plusieurs raisons techniques et pour la raison que c'est plus compliqué de mettre en page en tableau.

Et puis bon .;;vous fiez au mode quirks c'est pas recommandé, faire des fautes et espérez que ça passe c'est pas terrible autant faire quelque chose de juste.
0
jimicliche Messages postés 3 Statut Membre
 
Oui c'est un vieux code car j'ai un vieux livre de référence (qui doit plus être valide puisque le tableau est un objet périmé en CSS). Mais je ne sais pas comment faire autrement, quoi codé et comment récupérer les variables. Merci
0