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 :D
Version imprimable
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 :D
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é.
Pour mettre de la couleur dans le tableau j'ai pas réussi, moi j'ai ça comme code pour le tableau :
Et pour :Code:
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>
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 ;)Citation:
border-style:solid;
border-color: #5D9600;
désolé si je me suis mal exprimé
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é :?
<table width="590" height="326" border="1" cellpadding="0" bgcolor="#FF0000">
merci ça marche ;),
Et pour mettre un fond de couleur derrière un texte comment on peut faire ?
Car ce code :affiche un cadre de couleur autour du texte, moi je voulais un fond de couleur ou on pourra écrire le texte dessus.Code:
1
2 border-style:solid; border-color: #5D9600;
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
j'ai essayé avec ce codeet ç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:<span style='background:#339999;'>ton texte</span>
PS : j'ai trouvé ce code dans mon css :Code:
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> </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> </p> <p style="text-align: center;">Choisir sospc95 c'est choisir la qualité.</p> <p style="text-align: center;">Assistance informatique à 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 à 19h dans toute l'ile de france.</strong></p> <p> </p> <p><u><strong> Nous dépannons, installons et configurons tout type de matériel informatique :</strong></u></p> <p> <img src="images/Sans titre-14.png" width="10" height="10" /> PC de bureau et PC portable (système windows)</p> <p><img src="images/Sans titre-14.png" width="10" height="10" /> Logiciels, drivers, pièce détaché ...</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> </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 à la bureautique</p> <p><img src="images/Sans titre-12.png" width="10" height="10" /> Dé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éation de site web</p> <p><img src="images/Sans titre-12.png" width="10" height="10" /> Montage/démontage d'un pc</p></span>
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 ?Code:
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;}
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.
c'est tout ce code que je souhaite mettre une zone de couleur :
Code:
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> </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> </p> <p style="text-align: center;">Choisir sospc95 c'est choisir la qualité.</p> <p style="text-align: center;">Assistance informatique à 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 à 19h dans toute l'ile de france.</strong></p> <p> </p> <p><u><strong> Nous dépannons, installons et configurons tout type de matériel informatique :</strong></u></p> <p> <img src="images/Sans titre-14.png" width="10" height="10" /> PC de bureau et PC portable (système windows)</p> <p><img src="images/Sans titre-14.png" width="10" height="10" /> Logiciels, drivers, pièce détaché ...</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> </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 à la bureautique</p> <p><img src="images/Sans titre-12.png" width="10" height="10" /> Dé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éation de site web</p> <p><img src="images/Sans titre-12.png" width="10" height="10" /> Montage/démontage d'un pc</p></span>
Pour étre plus précis enfaite je voulais savoir comment modifier la couleur d'arrière plan de toute la page,Citation:
Depuis le début tu me parle d'encadré et de zone et non de page donc faudrais être un poil plus précis.
c'est dans ce code là qui faut faire la modif ?
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 ;)Code:
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;}
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
ici la couleur de fond est fixé à FFF avec une image 00_bg.jpg qui se répète par dessus.Code: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;}
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 :Citation:
<p style='background:#E6EBF3;'>
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 :D
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.
Oki, merci beaucoup de votre aide ;)
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à :
Si je met ce code dans le css ça va modifier toutes mes pages. On peut faire autrement ?Code:
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 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.
j'ai essayé avec plusieurs codes :
Code:<body style="background-image:http://img22.xooimage.com/files/6/1/4/adn-cbc6e5.jpg(adn.jpg)">
je les ai placé dans mon index.html, je les ai mit juste après </head> et ça marche toujours pasCode:<div style="background-image:http://img22.xooimage.com/files/6/1/4/adn-cbc6e5.jpg(adn.jpg); margin:0px; padding:10px"></div>