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
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
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é.
la vie n'est pas cirrhose des foies ...
Avant de poster un message Rechercher n'est pas qu'une option.
FAQ Web - Tuto Web
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 : 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>
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 texteborder-style:solid;
border-color: #5D9600;
désolé si je me suis mal exprimé
la vie n'est pas cirrhose des foies ...
Avant de poster un message Rechercher n'est pas qu'une option.
FAQ Web - Tuto Web
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">
la vie n'est pas cirrhose des foies ...
Avant de poster un message Rechercher n'est pas qu'une option.
FAQ Web - Tuto Web
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 : Sélectionner tout - Visualiser dans une fenêtre à part
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
la vie n'est pas cirrhose des foies ...
Avant de poster un message Rechercher n'est pas qu'une option.
FAQ Web - Tuto Web
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 : Sélectionner tout - Visualiser dans une fenêtre à part <span style='background:#339999;'>ton texte</span>
PS : j'ai trouvé ce code dans mon css :
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> </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 : 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;}
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.
la vie n'est pas cirrhose des foies ...
Avant de poster un message Rechercher n'est pas qu'une option.
FAQ Web - Tuto Web
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> </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,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 : 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;}
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 : 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;}
la vie n'est pas cirrhose des foies ...
Avant de poster un message Rechercher n'est pas qu'une option.
FAQ Web - Tuto Web
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 :<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
la vie n'est pas cirrhose des foies ...
Avant de poster un message Rechercher n'est pas qu'une option.
FAQ Web - Tuto Web
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 : 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 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.
la vie n'est pas cirrhose des foies ...
Avant de poster un message Rechercher n'est pas qu'une option.
FAQ Web - Tuto Web
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)">je les ai placé dans mon index.html, je les ai mit juste après </head> et ça marche toujours pas
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>
la vie n'est pas cirrhose des foies ...
Avant de poster un message Rechercher n'est pas qu'une option.
FAQ Web - Tuto Web
Vous avez un bloqueur de publicités installé.
Le Club Developpez.com n'affiche que des publicités IT, discrètes et non intrusives.
Afin que nous puissions continuer à vous fournir gratuitement du contenu de qualité, merci de nous soutenir en désactivant votre bloqueur de publicités sur Developpez.com.
Partager