Des éléments de style d'une "fiche" en HTML non pris en compte

[Offrande]

Bonjour  ou plutôt Bonsoir...  

Je suis sur le points de créer une "fiche" en HTML pour un sujet de mon forum donc je la créer comme vous l'avez compris dans un message, le soucis étant que certain éléments de style du texte de sa fiche ne s'affiche pas ... 

Voila mon code CSS : 

Code:

<!--cadre general-->
<center>
<div style="width: 90%; height: 700px; overflow: auto; background-color: #A0AE46; border: 1px solid #000;  font-size: 12px!important; font-family: "Rosario"!important;  color: #000; padding: 20px;">

<!--cadre titre astuce-->
<div style="width: 80%; min-height: 60px; max-height: 60px; border-top: 3px solid #000; border-bottom: 3px solid #000; background-color: #B7CA79;">


<span style="font-size: 18px!important; font-family: "Rosario"!important; color: #000; text-shadow: 1px 1px 10px #000; font-weight: bold;">

TITRE DU L'ASTUCE

</span></div>
<!--fin cadre astuce-->




</div>
</center>
<!--fin cadre general-->



<!--fin cadre ASTUCE-->




</div>
</center>
<!--fin cadre FICHE-->

Les petits soucis  : 

Le "background-color" du Cadre de l'astuce ne s'affiche pas.
Quand a la mise en forme du Titre de l'astuce les éléments "font-weight: bold" ainsi que
"text-shadow: 1px 1px 10px #000" ne s'affiche pas non plus... 

Voila la fiche en ligne : Liens vers la "Fiche" (sujet) 

Je vous remercie de l'attention que vous porterez à m'as demande et je vous souhaite
une très bonne fin de soirée à tous.

 

Tendrement, 
Offrande.

[MlleAlys]

bonjour,
vérifiez les espaces après les point-virgules séparant les différentes propriétés, s'il y en a deux, ça ne fonctionne pas ^^"
et ce passage font-family: "Rosario"!important; ne convient pas non plus, puisqu'en utilisant des guillemets, vous refermez l'argument style. Utilisez plutôt des apostrophes : font-family: 'Rosario';

[Offrande]

Bonjour MlleAlys
Merci beaucoup de l'attention que tu as porter à mon message.

J'ai bien pris en compte les espaces comme tu me l'as indiquer et j'ai retiré les ("Rosario") pour les remplacer par ('Rosario') le "bold" ainsi que le "text-shadow" fonctionne a présent mais le background de la zone ne s'affiche toujours pas  ...

Voila donc mes modifications: 

Code:

<!--cadre general-->
<center>
<div style=" width: 90%; height: 700px; overflow: auto; background-color: #A0AE46!important; border: 1px solid #000; font-size: 12px!important; font-family: 'Rosario'!important; color: #000; padding: 20px;">
<!--cadre titre astuce-->

<div style="width: 80%; min-height: 60px; max-height: 60px; border-top: 3px solid #000; border-bottom: 3px solid #000; background-color: #B7CA79;">

<span style="font-size: 18px!important; font-family: 'Rosario'!important; color: #000; text-shadow: 1px 1px 10px #000; font-weight: bold;">
TITRE DU L'ASTUCE</span>

</div>
<!--fin cadre astuce-->




</div>
</center>
<!--fin cadre general-->

Merci beaucoup de votre aide  
Je vous souhaite une très bonne journée

[MlleAlys]

Ecrit comme ça, ça devrait fonctionner ^^ :

Code:

<!--cadre general-->
<div style="width: 90%; margin: auto; height: 700px; overflow: auto; background-color: #A0AE46; border: 1px solid #000; font-size: 12px; font-family: 'Rosario'; color: #000; padding: 20px;">
<!--cadre titre astuce-->

<div style="width: 80%; margin: auto; text-align: center; height: 60px; line-height:60px; border-top: 3px solid #000; border-bottom: 3px solid #000; background-color: #B7CA79; font-size: 18px; font-family: 'Rosario';color: #000; text-shadow: 1px 1px 10px #000; font-weight: bold;">TITRE DU L'ASTUCE</div>
<!--fin cadre astuce-->




</div>
<!--fin cadre general-->

[Offrande]

Génial, merci beaucoup ! 
Cela as marcher à la perfection, merci de tout coeur ! 

Par contre comment as tu fait pour arranger le problème, pour la prochaine je le serais ainsi comment faire  

Passe une très bonne journée et une bonne fin de week end  

[MlleAlys]

j'ai utiliser les outils de développement du navigateur ("inspecter l'élément" au clic droit) pour aller corriger directement les éléments qui n'étaient pas pris en compte, j'ai légèrement modifié le code pour qu'il soit plus rigoureux, et j'ai copié le code html obtenu directement avec le navigateur... Je ne sais pas si c'est très clair, désolée ^^"

[Offrande]

Coucou, 

Ha merci je voie comment tu as fait, il est vrai que c'est très efficace d'inspecter la page pour faire des petites retouches et inspecter les éléments! Je te remercie de tout coeur de ton aide.  

Je met donc je sujet en résolus et je te souhaite une très très bonne continuation  

Tendrement