modifie tableau CSS Fermé

Question

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

telliak · Answer

Salut,
Pourquoi tiens-tu à mettre un Doctype, il n'est pas indispensable.

nerjahoui · Answer

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.

<!doctype html> modifie tableau CSS

2 réponses

Discussions similaires