28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous.

Voila j'ai un site, ous je met en forme mon h1 de la maniere suivante:
<td class=text"><h1 class="h1classification fn font22">titre</h1>

Jusqu'ici pas de soucis.
il mettait mon h1 en forme selon les class : h1classification fn font22

Mais depuis 1 ou deux jours, je me suis rendu compte que opera ne mettait plus en forme mon h1 de la meme manière
Il le mettais en forme selon class=text"
et si je supprime class=text" il met en forme selon h1, mais ne prend pas en compte h1classification fn font22

Je pense que cela viens d'une mise a jour de opera:
a écrit :
Version 11.11
Révision 2109
Plate-forme Linux
Système i686, 2.6.33.7-desktop-2mnb


pas de soucis sous ie, ff, chrome. me semble t il

du coup si je comprend bien je dois définir un seul style pour tout les h1 de la pages. (pas trop genant)
Mais ca veux aussi dire, que soit j'ai un seul style de h1 sur tout le site, ou différents style, mais du coup une stylesheet par page?

Ou enfin faire un
<h1><span class= "h1classification fn font22"> TITRE </span></h1>


Ce qui n'est vraiment pas l'ideal.
Pourriez vous m'aidez car la je suis un peut perdu.
Modifié par gotcha5832 (27 May 2011 - 11:52)
faudrait que tu différencies les h1 en fonction de leur conteneur
pour ce faire tu crées un div id="toto" dans ta cellule (tester si ça fonctionne sans créer de div, uniquement avec la cellule)
Dans ton div (ou dans ta cellule) tu mets ton h1

La classe de ta cellule ou de ton div : <td class="toto">

Dans ta feuille de styles:
.toto{ce que tu veux}
.toto h1{ la couleur la taille ... }

pour une autre version du h1
.titi{ce que tu veux}
.titi h1{ autre couleur autre taille etc... }


Ainsi tous tes h1 seront affichés en fonction propriétés du conteneur dans lequel ils se trouvent.

C'est valable pour tout

.toto p{ pour les paragraphes }
.toto ul{ pour les listes }

simple,clair?
Modifié par kayorn (27 May 2011 - 13:56)
Bonjour gotcha5832 & kayorn !

Petite rectification :
kayorn a écrit :
faudrait que tu différencies les h1 en fonction de leur conteneur
pour ce faire tu crées un div id="toto"
et dedans ton h1

.toto{ce que tu veux}
.toto h1{ la couleur la taille ... }


Il faut bien entendu lire :
faudrait que tu différencies les h1 en fonction de leur conteneur
pour ce faire tu crées un div id="toto"
et dedans ton h1

#toto{ce que tu veux}
#toto h1{ la couleur la taille ... }

Idem pour ".titi" !
Simple erreur de distraction, sans doute Smiley cligne
Je vous remercie et c'est très clair.

Effectivement ce ci va me permettre d'avoir des stylesheet et et un css en général plus propre.

Pour le soucis a proprement parerl. après voir tester sous 2 pc windows avec la même version d'opera le soucis n'avais pas lieu.

J'ai donc désinstaller opera de linux, puis réinstaller le soucis a disparu.

Merci a vous