Discussion :

[Julianinho]

Bonjour,


Je voulais savoir comment on peut mettre un petit entouré de couleur, un cadre de couleur où on écrira du texte sur cet encadré avec dreamweaver.

Et aussi comment on peut mettre des couleurs dans les cellules du tableau

merci

[Vil'Coyote]

ce n'est pas dreamweaver qui fait la couleur mais ton code html et pour le coup il va falloir plonger dans le css

border-style:solid;
border-color: #5D9600;

pour la couleur du fond soit background ou bgcolor en fonction de l'éléments utilisé.

[Julianinho]

Pour mettre de la couleur dans le tableau j'ai pas réussi, moi j'ai ça comme code pour le tableau :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<table width="590" height="326" border="1" cellpadding="0">
  <tr>
    <th width="444" scope="col"><h3>Formation (*)</h3></th>
    <th width="134" scope="col">Tarifs
(TTC)</th>

Et pour :

border-style:solid;
border-color: #5D9600;

c'est pas tout à fait ça que je cherchais, car dans ce code ça affiche un cadre, mais moi je voulais comme un fond de couleur derrière le texte

désolé si je me suis mal exprimé

[Vil'Coyote]

Pour mettre de la couleur dans le tableau j'ai pas réussi, moi j'ai ça comme code pour le tableau :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<table width="590" height="326" border="1" cellpadding="0">
  <tr>
    <th width="444" scope="col"><h3>Formation (*)</h3></th>
    <th width="134" scope="col">Tarifs
(TTC)</th>

Et pour :


c'est pas tout à fait ça que je cherchais, car dans ce code ça affiche un cadre, mais moi je voulais comme un fond de couleur derrière le texte

désolé si je me suis mal exprimé

salut,
non tu ne t'es pas mal exprimé tu as juste zapé la fin de mon précédent post :p regarde avec le 'bgcolor'

[Julianinho]

pour le bg color j'ai pas réussi, je l'ai mit au début de ça <table width="590" height="326" border="1" cellpadding="0"> mais ça n'a rien modifié

[Vil'Coyote]

<table width="590" height="326" border="1" cellpadding="0" bgcolor="#FF0000">

[Julianinho]

merci ça marche ,

Et pour mettre un fond de couleur derrière un texte comment on peut faire ?
Car ce code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
border-style:solid;
border-color: #5D9600;

affiche un cadre de couleur autour du texte, moi je voulais un fond de couleur ou on pourra écrire le texte dessus.

[Vil'Coyote]

pour un fond uniquement sur du texte c'est background, epdant il faut le mettre dans le style ou dans une classe de ton css si tu en as un.

<span style='background:#339999;'>ton texte</span>

ou

.texte { background:#339999; } dans ton css

et <table ..... class='texte'> ..... </table> pour le css

[Julianinho]

j'ai essayé avec ce code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<span style='background:#339999;'>ton texte</span>

et ça marche bien parcontre quand je souhaite l'intégrer sur toute ma page web ça marche plus, j'ai essayé avec ce code ci dessous mais ça marche pas :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<span style='background:#E6EBF3;'>
      <p><center><img src="images/informatique-ordinateurs-1.gif" width="107" height="98" /></center></p>
      <p>&nbsp;</p>
</center>
<p>
  <!-- Retour Haut -->
  <img src="images/Sans titre-6.png" width="278" height="130" /><img src="images/Sans titre-7.png" width="277" height="130" /></p>
<p><img src="images/Sans titre-8.png" width="209" height="136" /></p>
<p>&nbsp;</p>
<p style="text-align: center;">Choisir sospc95 c'est choisir la qualit&eacute;.</p>
<p style="text-align: center;">Assistance informatique &agrave; domicile dans l'ile de france</p>
<p><strong>SOS PC 95 </strong>est la solution pour tous particuliers !!!</p>
<p><strong>Nous intervenons chez vous 7j/7 de 8h &agrave; 19h dans toute l'ile de france.</strong></p>
<p>&nbsp;</p>
<p><u><strong> Nous d&eacute;pannons, installons et configurons tout type de mat&eacute;riel informatique :</strong></u></p>
<p> <img src="images/Sans titre-14.png" width="10" height="10" /> PC de bureau et PC portable (syst&egrave;me windows)</p>
<p><img src="images/Sans titre-14.png" width="10" height="10" />  Logiciels, drivers, pi&egrave;ce d&eacute;tach&eacute; ...</p>
<p> <img src="images/Sans titre-14.png" width="10" height="10" /> Imprimante, scanner ...</p>
<p><img src="images/Sans titre-14.png" width="10" height="10" /> Box, routeur, modem ...</p>
<p>&nbsp;</p>
<p> <u><strong>Nous vous formons :</strong></u></p>
<p><img src="images/Sans titre-12.png" width="10" height="10" />  Initiation au pc sous windows</p>
<p> <img src="images/Sans titre-12.png" width="10" height="10" /> Initiation &agrave; la bureautique</p>
<p><img src="images/Sans titre-12.png" width="10" height="10" />  D&eacute;couverte d'internet</p>
<p><img src="images/Sans titre-12.png" width="10" height="10" /> Perfectionnement d'internet</p>
<p><img src="images/Sans titre-12.png" width="10" height="10" /> Logiciels de graphisme</p>
<p><img src="images/Sans titre-12.png" width="10" height="10" />  Cr&eacute;ation de site web</p>
<p><img src="images/Sans titre-12.png" width="10" height="10" />  Montage/d&eacute;montage d'un pc</p></span>

PS : j'ai trouvé ce code dans mon css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
/* Mise en forme du body */
body { margin:0; padding:0; background: #fff url(../images/00_bg.jpg) center; background-repeat:repeat-y;  font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#6b6b6b;}

on peut modifier ce code de façon a ce que je puisse mettre une couleur d'arrière plan sur toutes mes pages web ?

[Vil'Coyote]

salut,
peux tu me dire dans ton premier bout de code sur qu'elle texte souhaite tu voir changer la couleur de fond?

Ton deuxieme bout de code agit sur le body a savoir sur le fond de ta page et pas uniquement sur une zone.

Depuis le début tu me parle d'encadré et de zone et non de page donc faudrais être un poil plus précis.

[Julianinho]

c'est tout ce code que je souhaite mettre une zone de couleur :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<span style='background:#E6EBF3;'>
      <p><center><img src="images/informatique-ordinateurs-1.gif" width="107" height="98" /></center></p>
      <p>&nbsp;</p>
</center>
<p>
  <!-- Retour Haut -->
  <img src="images/Sans titre-6.png" width="278" height="130" /><img src="images/Sans titre-7.png" width="277" height="130" /></p>
<p><img src="images/Sans titre-8.png" width="209" height="136" /></p>
<p>&nbsp;</p>
<p style="text-align: center;">Choisir sospc95 c'est choisir la qualit&eacute;.</p>
<p style="text-align: center;">Assistance informatique &agrave; domicile dans l'ile de france</p>
<p><strong>SOS PC 95 </strong>est la solution pour tous particuliers !!!</p>
<p><strong>Nous intervenons chez vous 7j/7 de 8h &agrave; 19h dans toute l'ile de france.</strong></p>
<p>&nbsp;</p>
<p><u><strong> Nous d&eacute;pannons, installons et configurons tout type de mat&eacute;riel informatique :</strong></u></p>
<p> <img src="images/Sans titre-14.png" width="10" height="10" /> PC de bureau et PC portable (syst&egrave;me windows)</p>
<p><img src="images/Sans titre-14.png" width="10" height="10" />  Logiciels, drivers, pi&egrave;ce d&eacute;tach&eacute; ...</p>
<p> <img src="images/Sans titre-14.png" width="10" height="10" /> Imprimante, scanner ...</p>
<p><img src="images/Sans titre-14.png" width="10" height="10" /> Box, routeur, modem ...</p>
<p>&nbsp;</p>
<p> <u><strong>Nous vous formons :</strong></u></p>
<p><img src="images/Sans titre-12.png" width="10" height="10" />  Initiation au pc sous windows</p>
<p> <img src="images/Sans titre-12.png" width="10" height="10" /> Initiation &agrave; la bureautique</p>
<p><img src="images/Sans titre-12.png" width="10" height="10" />  D&eacute;couverte d'internet</p>
<p><img src="images/Sans titre-12.png" width="10" height="10" /> Perfectionnement d'internet</p>
<p><img src="images/Sans titre-12.png" width="10" height="10" /> Logiciels de graphisme</p>
<p><img src="images/Sans titre-12.png" width="10" height="10" />  Cr&eacute;ation de site web</p>
<p><img src="images/Sans titre-12.png" width="10" height="10" />  Montage/d&eacute;montage d'un pc</p></span>

Depuis le début tu me parle d'encadré et de zone et non de page donc faudrais être un poil plus précis.

Pour étre plus précis enfaite je voulais savoir comment modifier la couleur d'arrière plan de toute la page,
c'est dans ce code là qui faut faire la modif ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
/* Mise en forme du body */
body { margin:0; padding:0; background: #fff url(../images/00_bg.jpg) center; background-repeat:repeat-y;  font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#6b6b6b;}

Donc, en 1er je voudrais mettre une zone de couleur, et en second je voudrais changer la couleur d'arrière plan de toutes mes pages web

[Vil'Coyote]

Ok donc on va s'en sortir.
supposont que tu souhaite modifier le font du texte 'Perfectionnement d'internet'

<p><img src="images/Sans titre-12.png" width="10" height="10" /> Perfectionnement d'internet</p>

il va donc falloir ajouter à ta balise <p style='background:#E6EBF3;'>
un style ou une class ne s'applique qu' un seul élément sauf si #tontruc et que les élément on un id='tontruc' dans ce cas pas besoin de répéter les style ou class. à toi de voir ce que tu préfère faire. dans ton acode actuel tu change la couleur de fond <span style='background:#E6EBF3;'> mais bon comme tu affiche une image ça doit pas changer des masses et vus que tu ne l'applique nul par d'autre c'est normal que tu ne vois pas de différence.

Maintenant pour change la couleur complète de ta page, oui, il faut bien modifier dans ton css la propriété du body

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

body { margin:0; padding:0; background: #fff url(../images/00_bg.jpg) center; background-repeat:repeat-y;  font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#6b6b6b;}

ici la couleur de fond est fixé à FFF avec une image 00_bg.jpg qui se répète par dessus.

[Julianinho]

ah ok, donc pour mettre une couleur d'arrière plan sur la totalité de la page j'ai trouvé ça marche, merci

Et pour ce code :

<p style='background:#E6EBF3;'>

ça marche bien, ça m'affiche ça :
http://img26.xooimage.com/files/8/c/...rer-cb4902.jpg
mais c'est possible de mettre la couleur meme entre les espaces ? Car c'est ça le soucis sur ce code, c'est que ça met de la couleur derrière le texte seulement, mais il prends pas en compte les espace ou image,
je sais pas si je m'exprime bien

[grassel]

il va falloir plonger dans le css

Un investissement temps indispensable à mon avis sinon chaque mise en forme sera problématique et souvent imparfaite.

Pour piger les bases, cela devrait aller vite ==> gain +++ assuré
Plein de tutos sur le net

[Vil'Coyote]

ah ok, donc pour mettre une couleur d'arrière plan sur la totalité de la page j'ai trouvé ça marche, merci

Et pour ce code :
ça marche bien, ça m'affiche ça :
http://img26.xooimage.com/files/8/c/...rer-cb4902.jpg
mais c'est possible de mettre la couleur meme entre les espaces ? Car c'est ça le soucis sur ce code, c'est que ça met de la couleur derrière le texte seulement, mais il prends pas en compte les espace ou image,
je sais pas si je m'exprime bien

tu utilise la balise <p></p> par défaut pour chacune de tes phrase donc forcément la couleur entre les ligne ne change pas. pour cela il faudrais que soit tu utilise le css soit un style comme tu viens de le faire mais avec un <div></div> et dans ce div tu intègre ton texte.

[Julianinho]

Oki, merci beaucoup de votre aide

[Julianinho]

Re, juste pour savoir si il était possible d'afficher une image en arrière plan sur une seule page de mon site ?
Car je veux mettre une image en arrière plan dans ma page "contact" mais pas dans les autres pages web, j'ai ce code là :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
body {
       
       background-image: url(http://img20.xooimage.com/files/c/b/d/e_mail2-cb864f.jpg);
       background-attachment: fixed;
       background-repeat: no-repeat;
          }

Si je met ce code dans le css ça va modifier toutes mes pages. On peut faire autrement ?

[Vil'Coyote]

si tu modifie la propriété body dans le css cela s'effectuera sur toute tes page, il te faudra donc faire une nouvelle class appelé uniquement dans cette page contact.

[Julianinho]

j'ai essayé avec plusieurs codes :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<body style="background-image:http://img22.xooimage.com/files/6/1/4/adn-cbc6e5.jpg(adn.jpg)">

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div style="background-image:http://img22.xooimage.com/files/6/1/4/adn-cbc6e5.jpg(adn.jpg); margin:0px; padding:10px"></div>

je les ai placé dans mon index.html, je les ai mit juste après </head> et ça marche toujours pas

[Vil'Coyote]

j'ai essayé avec plusieurs codes :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<body style="background-image:http://img22.xooimage.com/files/6/1/4/adn-cbc6e5.jpg(adn.jpg)">

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div style="background-image:http://img22.xooimage.com/files/6/1/4/adn-cbc6e5.jpg(adn.jpg); margin:0px; padding:10px"></div>

je les ai placé dans mon index.html, je les ai mit juste après </head> et ça marche toujours pas

je suis aps sur que (adn.jpg) soit bon pour un nom d'image. et on est bien d'accord que pour la première version il n'ya qu'un seul body dans ta page t'en pas ajouter un second?