Publicité
+ Répondre à la discussion
Page 1 sur 2 12 DernièreDernière
Affichage des résultats 1 à 20 sur 23
  1. #1
    Invité régulier
    Inscrit en
    janvier 2009
    Messages
    80
    Détails du profil
    Informations forums :
    Inscription : janvier 2009
    Messages : 80
    Points : 6
    Points
    6

    Par défaut Mettre de la couleur dans les tableaux

    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

  2. #2
    Modérateur
    Avatar de Vil'Coyote
    Profil pro
    Développeur Web
    Inscrit en
    février 2008
    Messages
    3 997
    Détails du profil
    Informations personnelles :
    Âge : 34
    Localisation : France, Marne (Champagne Ardenne)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : février 2008
    Messages : 3 997
    Points : 5 873
    Points
    5 873

    Par défaut

    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é.

  3. #3
    Invité régulier
    Inscrit en
    janvier 2009
    Messages
    80
    Détails du profil
    Informations forums :
    Inscription : janvier 2009
    Messages : 80
    Points : 6
    Points
    6

    Par défaut

    Pour mettre de la couleur dans le tableau j'ai pas réussi, moi j'ai ça comme code pour le tableau :
    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>
    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é

  4. #4
    Modérateur
    Avatar de Vil'Coyote
    Profil pro
    Développeur Web
    Inscrit en
    février 2008
    Messages
    3 997
    Détails du profil
    Informations personnelles :
    Âge : 34
    Localisation : France, Marne (Champagne Ardenne)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : février 2008
    Messages : 3 997
    Points : 5 873
    Points
    5 873

    Par défaut

    Citation Envoyé par Julianinho Voir le message
    Pour mettre de la couleur dans le tableau j'ai pas réussi, moi j'ai ça comme code pour le tableau :
    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>
    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'

  5. #5
    Invité régulier
    Inscrit en
    janvier 2009
    Messages
    80
    Détails du profil
    Informations forums :
    Inscription : janvier 2009
    Messages : 80
    Points : 6
    Points
    6

    Par défaut

    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é

  6. #6
    Modérateur
    Avatar de Vil'Coyote
    Profil pro
    Développeur Web
    Inscrit en
    février 2008
    Messages
    3 997
    Détails du profil
    Informations personnelles :
    Âge : 34
    Localisation : France, Marne (Champagne Ardenne)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : février 2008
    Messages : 3 997
    Points : 5 873
    Points
    5 873

    Par défaut

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

  7. #7
    Invité régulier
    Inscrit en
    janvier 2009
    Messages
    80
    Détails du profil
    Informations forums :
    Inscription : janvier 2009
    Messages : 80
    Points : 6
    Points
    6

    Par défaut

    merci ça marche ,

    Et pour mettre un fond de couleur derrière un texte comment on peut faire ?
    Car ce code :
    Code :
    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.

  8. #8
    Modérateur
    Avatar de Vil'Coyote
    Profil pro
    Développeur Web
    Inscrit en
    février 2008
    Messages
    3 997
    Détails du profil
    Informations personnelles :
    Âge : 34
    Localisation : France, Marne (Champagne Ardenne)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : février 2008
    Messages : 3 997
    Points : 5 873
    Points
    5 873

    Par défaut

    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

  9. #9
    Invité régulier
    Inscrit en
    janvier 2009
    Messages
    80
    Détails du profil
    Informations forums :
    Inscription : janvier 2009
    Messages : 80
    Points : 6
    Points
    6

    Par défaut

    j'ai essayé avec ce code
    Code :
    <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 :
    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 :
    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 ?

  10. #10
    Modérateur
    Avatar de Vil'Coyote
    Profil pro
    Développeur Web
    Inscrit en
    février 2008
    Messages
    3 997
    Détails du profil
    Informations personnelles :
    Âge : 34
    Localisation : France, Marne (Champagne Ardenne)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : février 2008
    Messages : 3 997
    Points : 5 873
    Points
    5 873

    Par défaut

    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.

  11. #11
    Invité régulier
    Inscrit en
    janvier 2009
    Messages
    80
    Détails du profil
    Informations forums :
    Inscription : janvier 2009
    Messages : 80
    Points : 6
    Points
    6

    Par défaut

    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>&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 :
    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

  12. #12
    Modérateur
    Avatar de Vil'Coyote
    Profil pro
    Développeur Web
    Inscrit en
    février 2008
    Messages
    3 997
    Détails du profil
    Informations personnelles :
    Âge : 34
    Localisation : France, Marne (Champagne Ardenne)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : février 2008
    Messages : 3 997
    Points : 5 873
    Points
    5 873

    Par défaut

    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 :
    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.

  13. #13
    Invité régulier
    Inscrit en
    janvier 2009
    Messages
    80
    Détails du profil
    Informations forums :
    Inscription : janvier 2009
    Messages : 80
    Points : 6
    Points
    6

    Par défaut

    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

  14. #14
    Nouveau Membre du Club
    Inscrit en
    juillet 2007
    Messages
    100
    Détails du profil
    Informations forums :
    Inscription : juillet 2007
    Messages : 100
    Points : 35
    Points
    35

    Par défaut

    Citation Envoyé par Vil'Coyote Voir le message
    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

  15. #15
    Modérateur
    Avatar de Vil'Coyote
    Profil pro
    Développeur Web
    Inscrit en
    février 2008
    Messages
    3 997
    Détails du profil
    Informations personnelles :
    Âge : 34
    Localisation : France, Marne (Champagne Ardenne)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : février 2008
    Messages : 3 997
    Points : 5 873
    Points
    5 873

    Par défaut

    Citation Envoyé par Julianinho Voir le message
    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.

  16. #16
    Invité régulier
    Inscrit en
    janvier 2009
    Messages
    80
    Détails du profil
    Informations forums :
    Inscription : janvier 2009
    Messages : 80
    Points : 6
    Points
    6

    Par défaut

    Oki, merci beaucoup de votre aide

  17. #17
    Invité régulier
    Inscrit en
    janvier 2009
    Messages
    80
    Détails du profil
    Informations forums :
    Inscription : janvier 2009
    Messages : 80
    Points : 6
    Points
    6

    Par défaut

    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 :
    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 ?

  18. #18
    Modérateur
    Avatar de Vil'Coyote
    Profil pro
    Développeur Web
    Inscrit en
    février 2008
    Messages
    3 997
    Détails du profil
    Informations personnelles :
    Âge : 34
    Localisation : France, Marne (Champagne Ardenne)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : février 2008
    Messages : 3 997
    Points : 5 873
    Points
    5 873

    Par défaut

    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.

  19. #19
    Invité régulier
    Inscrit en
    janvier 2009
    Messages
    80
    Détails du profil
    Informations forums :
    Inscription : janvier 2009
    Messages : 80
    Points : 6
    Points
    6

    Par défaut

    j'ai essayé avec plusieurs codes :

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

  20. #20
    Modérateur
    Avatar de Vil'Coyote
    Profil pro
    Développeur Web
    Inscrit en
    février 2008
    Messages
    3 997
    Détails du profil
    Informations personnelles :
    Âge : 34
    Localisation : France, Marne (Champagne Ardenne)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : février 2008
    Messages : 3 997
    Points : 5 873
    Points
    5 873

    Par défaut

    Citation Envoyé par Julianinho Voir le message
    j'ai essayé avec plusieurs codes :

    Code :
    <body style="background-image:http://img22.xooimage.com/files/6/1/4/adn-cbc6e5.jpg(adn.jpg)">
    Code :
    <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?

Liens sociaux

Règles de messages

  • Vous ne pouvez pas créer de nouvelles discussions
  • Vous ne pouvez pas envoyer des réponses
  • Vous ne pouvez pas envoyer des pièces jointes
  • Vous ne pouvez pas modifier vos messages
  •