<!doctype html> modifie tableau CSS

Fermé
jimicliche Messages postés 3 Date d'inscription jeudi 17 juillet 2014 Statut Membre Dernière intervention 18 juillet 2014 - 17 juil. 2014 à 20:09
telliak Messages postés 3668 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 26 mars 2025 - 18 juil. 2014 à 03:01
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

Réponse 1 / 2
telliak Messages postés 3668 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 26 mars 2025 880
17 juil. 2014 à 21:33
Salut,
Pourquoi tiens-tu à mettre un Doctype, il n'est pas indispensable.
0
jimicliche Messages postés 3 Date d'inscription jeudi 17 juillet 2014 Statut Membre Dernière intervention 18 juillet 2014
18 juil. 2014 à 01:37
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 3668 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 26 mars 2025 880
18 juil. 2014 à 03:01
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
Réponse 2 / 2
nerjahoui
Modifié par nerjahoui le 18/07/2014 à 00:21
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 Date d'inscription jeudi 17 juillet 2014 Statut Membre Dernière intervention 18 juillet 2014
18 juil. 2014 à 01:36
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

Discussions similaires

Formule taux de marque
vcloclo1 -
vcloclo1 -

Bonjour,

Salut,

Dans un tableau Excel :

D23 (PA HT) = 100.00 €
C23 (Marque) = 30% (soit un coef de 1.429 pour l'exemple)
B23 (PV HT) = 142.86 €

Comment faire en sorte que lorsque je mets mon taux de marque (10, 20, 30, ou peu importe le taux) il me donne le résultat en B23 comme si j'avais appliqué le coef ?

Actuellement ma formule me donne 130.00 € en B23, hors c'est pas bon. Réellement ca fait 23.08% de marque.

Merci


Configuration: Windows 7 / Mozilla 11.0

--
L'esprit c'est comme un parachute, qui est utile seulement quand il est ouvert.

26 réponses
la balise <br> ou <br />
faamugol -
rwaness -

Bonjour,

Quelle est la difference entre la balise
et
?

Pourquoi utiliser l'un et pas l'autre ?

Merci d'avance,

8 réponses
<br> ou <br /> ou </br>
corentin.93 -
jessy006 -

Bonjour,

Comme on lit un peu tout et son contraire sur internet, je voudrais savoir quelle est la balise que l'on doit utiliser pour un retour à la ligne en HTML5.

Merci. :)

Configuration: Windows 7 / Chrome 22.0.1229.79

11 réponses
Balise </br>
erf -
erf -

Bonjour,

Je viens de créer un site web, et je me suis rendu sur W3C afin d'obtenir le www. mais le site m'affiche une erreur "End tag BR" (pour la balise
), ce que je ne comprends pas vu que le balise
n'existe pas (il me semble...)

Pouvez-vous m'aider svp ?
Merci d'avance et bonne journée !

3 réponses