28172 sujets

CSS et mise en forme, CSS3

Bonjour,
Je sèche !!
J'ai une class qui refuse de s'appliquer ! Si je remplace son nom par une classe existante aucun problème ! Mais si je recopie sous un autre nom une classe qui fonctionnait, rien ne se passe : elle n'agit pas !
J'ai passé le HTML mais aussi la CSS au valideur C3W et tout est OK !
Je soupçonne donc un problème de double ou triple appartenance, domaine où je ne brille pas ! J'ai fait quelques essais de combinaisons des noms des classes qui se superposent à celle en cause mais là encore sans résultat ! On trouve ainsi pour le HTML cette fameuse classe "cadre3" :
<div class="menu">
Menu</div>
<ul id="navigation">
  <li><a href="../Index.html">Retour
menu principal</a></li>
  <li><a href="AR22-Objectifs.html">Retour menu
précédent</a></li>
  <li><a href="#">&nbsp;</a></li>
  <li><a href="#">Plan du Site</a></li>
  <li><a href="#">Notre Blog</a></li>
  <li><a href="mailto:ar22@ifrance.com">Nous
contacter</a></li>
</ul>
</div>
<div class="colreg">
<!-- Ajouter ici les donnée recouvrant l'espace (hors menu) -->
<h1 class="titrepag">Formations</h1>
<p>&nbsp;</p>
<div class="[b]cadre3[/b]">
<p>Au fil de l'année, la Fédération dispense ou soutient des
formations à destination des adhérents, souvent à travers les clubs.</p>
<p>Outre les formations propres aux administrateurs ou
animateurs, on trouve ainsi pour le HTML cette fameuse classe:</p>
</div>
<div class="colmil"><!-- Ajouter ici les donnée recouvrant la colonne centrale -->

Classe cadre3 qui a son pendant dans le CSS mais reste inopérante :
#tel { font-size: 0.85em; text-align: center; padding-top: 1em; }
#mail { font-size: 0.7em; text-align: right; color: blue; }
.cadregch { text-align: left; font-size: 0.8em; color: blue; }
.coldrt { width: 45%; color: blue; font-size: 2em ; text-align: center; padding-top: 1.2em; float: right; }
.cadredrt { text-align: left; font-size: 0.8em; color: blue; }
[b].cadre3[/b] { text-align: left; font-size: 0.8em; color: purple; padding-top: 1.2em; padding-left: 10%;}
</head>

Je sais m'adresser à des spécialistes et donc suis sûr de d'être informé de l'erreur que je commets mais ne vous en remercie pas moins.
Merci de vos réponses ou suggestions. RJL20080414
Modifié par rjl (14 Apr 2008 - 19:17)
Bonjour,

Utilise FireBug pour repérer les différents styles CSS qui s'appliquent à l'élément concerné, et leur priorité.
Bonjour,

Apparemment, tu déclares tes styles dans ta page 'html', si c'est le cas, tu as oublié :
.cadre3 { text-align: left; font-size: 0.8em; color: purple; padding-top: 1.2em; padding-left: 10%;}
[b]</style>[/b]
</head>
Bonjour Florent V. et mecho,
Merci à tous les 2 puisqu'à 2 minutes près, vos réponses se sont suivies !
Pas de problème, mecho, j'utilise bien une feuille de style css, même, si ma présentation laissait à désirer.
Un grand merci à Florent : avec Firebug, j'ai découvert un superbe outil de débugage et j'ai pu ainsi m'en sortir !
J'ai constaté que la ligne "cadre3" n'était pas présente en css mais bien citée en HTML !
De plus, elle était présente sur mon fichier css !! Mais aussi en dernière ligne ce qui m'a fait aussi un peu douter !!
En fait, son absence venait d'un ancien fichier css qui s'était glissé dans un dossier que je n'ai pas créé moi-même : un répertoire formé du nom de la feuille avec un suffixe "_fichiers" !! Lorsque je supprime ce répertoire, ça me supprime aussi la feuille HTML (que j'ai aussitôt ressauvée à partir de mon programme Kompozer ! Comme ce dossier n'était pas sous mon contrôle conscient (présent "à l'insu de mon plein gré" selon la formule), je ne le touchais pas mais c'est lui qui se trouvait référencé comme feuille css dans la page HTML et donc s'imposait !
J'ai ainsi trouvé un second répertoire pour ma page index : index_fichiers qui m'a lui aussi supprimé ma page index.html !!
Je pense que ces répertoires sont générés par Kompozer si je fais une modification directe avant sauvegarde ou en fermeture du programme ?
Une idée ? En tout les cas, j'y ferai maintenant attention...
De plus, je passerai par Firebug avant de crier au feu... Smiley cligne
Encore un trsè grand merci car j'aurai bien pataugé avant de trouver : vive le site et ses "pro".
RJL20080414