Ceci est du html

<span style="background-color: XXXXX;">YYYYYY</span,>

XXXXX est à remplacer par la couleur que tu souhaites
YYYY par ce que tu veux qu'il y ai sous le fond de couleur

tu peux utiliser cela également pour p, div, . . .

<p><span style="background-color: #000000;">&nbsp;<img src="urlimage" alt="" width="179" height="188" /></span,></p>

</span,,,,,,
;-)
mais le problème ne vient pas de là.

En gros, tu as deux grand types d'objets dans une page web.
Des lignes ou des blocs.

<span> est une balise qui ne fait pas grand chose mais elle est par défaut en mode ligne.
<p> est une balise un peu plus compliquée qui est également par défaut en mode ligne.
donc ta syntaxe pourrait s'écrire:
<p style="background-color: #000;"><img src="urlimage" alt="" width="179" height="188" /></p>

Cela ne devrait rien résoudre car il me semble que tu as besoin d'un bloc...
<div style="background-color: #000;"><img src="urlimage" alt="" width="179" height="188" /></div>

Mais là encore tu voudras encore en savoir plus, mais pour cela Google est ton ami.
8-)

mouais.....ça se complique pour moi là!!

et il ne faut pas que j'aille mettre ensuite un code dans local-layout.css pour que ce soit pris en compte? commançant par div.style?

dans l'Edito, il faut que je mette ceci :

<div style="background-color: #000;"><img src="urlimage" alt="" width="179" height="188" /></div>


et dans local-layout.css ceci :

div.style
   {
   background-color : #000000;
   img src :"urlimage";
   width : 179px;
   height : 188px;

   }

Elodie85 a écrit:

mouais.....ça se complique pour moi là!!

et il ne faut pas que j'aille mettre ensuite un code dans local-layout.css pour que ce soit pris en compte? commançant par div.style?

style=
C'est un mot clé (Attribut) de toute balise HTML qui va permettre de définir un "style".
Ce mot clé, tu es en train de le confondre avec id= ou class=.


En HTML on peut écrire:

<p id="red" class="blue" style="color:dark;">Texte en noir dans ma page web</p>

dans le fichier .css

p { color: green; }
#red { color: red; }
.blue { color: blue; }

Sans le style:

<p id="red" class="blue">Texte en rouge, parce qu'un id est une valeur unique dans la page web.</p>

Simplifions le html (sans l'id)

<p class="blue">Texte en bleu, parce que la "class" est plus précise que le p dans la page web.</p>

Simplifions encore le html (sans la "class")

<p>Texte en vert, parce que p est décrit ainsi dans le "rule-set" (CSS) de notre page web.</p>

Donc, le style d'un texte se définit :
- soit au travers d'un attribut style=
- soit au moyen d'une feuille de style (CSS).

CSS: Cascading Style Sheet (feuille de style).
Qu'est-ce que le Cascading? On prend un petit exemple?

HTML

<p id="red" class="blue">Où il faudra deviner la couleur du texte.</p>

Nouvelle feuille de style:

p#red .blue { color: green; }
body p#red.blue { color: grey; }
#red { color: red; }
.blue { color: blue; }
p#red { color: pink; }
p.blue { color: black; }
p#blue { color: salmon; }
p#red.blue { color: yellow; } 
#red { color: blue; }
.blue { color: red; }
p#red { color: black; }
p.blue { color: green; }
p#blue { color: pink; }

La solution d'abord: ça sera en gris (grey).
Pourquoi?  (Cascading).

body p#red.blue { color: grey; }

C'est la règle la plus précise de toutes.

p#red .blue { color: green; } /* .blue n'est pas reconnu dans ce cas */
body p#red.blue { color: grey; }
#red { color: red; } /* Moins précise => ignorée */
.blue { color: blue; } /* Moins précise => ignorée */
p#red { color: pink; } /* Moins précise => ignorée */
p.blue { color: black; } /* Moins précise => ignorée */
p#blue { color: salmon; } /* id="blue" n'existe pas => ignorée */
p#red.blue { color: yellow; }  /* Moins précise mais à défaut de la ligne body elle prendrait le relais */
#red { color: blue; } /* Moins précise => ignorée */
.blue { color: red; } /* Moins précise => ignorée */
p#red { color: black; } /* Moins précise => ignorée */
p.blue { color: green; } /* Moins précise => ignorée */
p#blue { color: pink; }

/*  id="blue" n'existe pas => ignorée */

Sans la règle avec "body", le texte serait jaune.


Pourquoi les feuilles de style sont pratiques?
Parce qu'on presque tout changer sans rien modifier du code.

8-)

ddtddt a écrit:

Elodie85 a écrit:

dans l'Edito, il faut que je mette ceci :

<div style="background-color: #000;"><img src="urlimage" alt="" width="179" height="188" /></div>


et dans local-layout.css ceci :

div.style
   {
   background-color : #000000;
   img src :"urlimage";
   width : 179px;
   height : 188px;

   }

Non pas du tout soit tu utilises du html et tu mets dans ton PWG Stuffs ce que t'as donné VDigital et rien d'autre et cela marche très bien.

Soit tu va réutiliser plusieurs fois cela est tu utilises une class et là : Un site à découvrir pour répondre à toutes tes questions :)

la ligne de html ne fonctionne pas...aucune modif apparente!
(<div style="background-color: #000;"><img src="urlimage" alt="" width="179" height="188" /></div>)

Dernière modification par Elodie85 (2008-11-14 23:52:06)

Tu as oublié de me mettre Adviser/Conseiller