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

Voir le sujet précédent Voir le sujet suivant Aller en bas

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

Message par Offrande le Lun 19 Mai 2014 - 21:23

Bonjour ::fleur:: ou plutôt Bonsoir... ::fleur:: 

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 ::fleur:: : 

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.

::fleur:: 

Tendrement, 
Offrande.


Dernière édition par Offrande le Mer 28 Mai 2014 - 4:12, édité 1 fois

Offrande
*****

Féminin
Messages : 534
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.

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

Message par MlleAlys le Lun 19 Mai 2014 - 23:23

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';

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

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

Message par Offrande le Mar 20 Mai 2014 - 15:06

Bonjour MlleAlys ::fleur::
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 Sad ...

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 ::fleur:: 
Je vous souhaite une très bonne journée Smile

Offrande
*****

Féminin
Messages : 534
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.

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

Message par MlleAlys le Mar 20 Mai 2014 - 15:41

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-->

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

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

Message par Offrande le Dim 25 Mai 2014 - 15:12

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 Smile 

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

Offrande
*****

Féminin
Messages : 534
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.
  • 0

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

Message par MlleAlys le Dim 25 Mai 2014 - 17:34

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 ^^"

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

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

Message par Offrande le Mer 28 Mai 2014 - 4:11

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. ::fleur:: 

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

Tendrement

Offrande
*****

Féminin
Messages : 534
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum