[RÉGLÉ] Syntaxe CSS

[fredjouan]

Bonjour,
Je suis en train de réécrire un site construit avec des tableaux, que je remplace par les instructions :

<div class="row-fluid">
<div class="span6 img-thumbnail inter">un article</div>
<div class="span6 img-thumbnail inter">{loadposition module}</div>
</div>

Sur l'une des div, je voudrais appliquer une couleur de fond. J'ai essayé la syntaxe suivante qui ne fonctionne pas :

<div class="span6 img-thumbnail inter;background-color: #8bc9f0">un article</div>

J'ai du me planter dans le code…
Merci de votre aide
Fred

[lomart]

Re : Syntaxe CSS

Bonjour,

Il ne faut pas mélanger les classes et les styles

<div class="span6 img-thumbnail inter" style="background-color: #8bc9f0">un article</div>

OU
créer un style CSS .fond-bleuClair {background-color: #8bc9f0";}
pour l'appeler dans la page

<div class="span6 img-thumbnail inter fond-bleuClair">un article</div>

[fredjouan]

Re : Syntaxe CSS

Bonjour lomart,
C'est exactement le genre de détail agaçant dont on a du mal à piger la syntaxe, y compris sur des sites didactiques comme alsacréation, par exemple.
Pour en revenir à notre exemple, la deuxième solution est je pense la meilleure car elle externalise le style de la div.
Merci de ton aide et pour ces explications claires.
Fred

[lomart]

Re : Syntaxe CSS

Pour en revenir à notre exemple, la deuxième solution est je pense la meilleure car elle externalise le style de la div.

Tout à fait, c'est d’ailleurs pour cela que je l'ai mise alors que ce n'était pas la question

Il ne te reste plus qu'a clore le topic