Problème feuille CSS et HTML !!

Bonjour !

J'ai un problème pour mon site :

J'ai fait une feuille de style CSS "monstyle.css" dont voici le code source :

<!--
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
A {color:#893401; text-decoration:none;}
A {color:#893401; text-decoration:none;}
A:hover {color:#007500; text-decoration: underline overline; background-color:#FFF3AE;}

body {font-size:10pt; font-family:Verdana; color:#410082;}
.titre {background-color:"#5BFFFF"; padding-left:7pt; font-family:Verdana; font:bold italic; color:"#6B00D7"; margin-left:15pt; font-size:13pt;}
.moyen {font-size:11pt;}
.grand {font-size:15pt;}
-->

Je réutilise la classe "titre" dans un fichier HTML "present.htm" dont voici le code source :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>

<head>
<title>Titre de la page</title>
<link rel="stylesheet" type="text/css" href="monstyle.css">
</head>
<body>

<div class="titre">
>>Présentation de l'auteur du site
</div>
<br><br>

<p>
Ici sera le corps de ma page, que je n'ai pas encore écrit.
</p>

</body>
</html>

Le titre apparaît correctement, sauf le fond bleu ciel "background-color:"#5BFFFF"" (qui apparaît blanc !).
Ca le fait sur "IE6", "Netscape4.7" et "Mozilla1 ver.Française".
Je ne trouve pas mon erreur ? Où ai-je fait une erreur ??

Est-ce que vous pourriez m'aider à résoudre mon problème ?

Merci ! :-)

Thomas
O|O
\_/

7 réponses

  1. Salut
    Et si tu mettais :
    .......
    </head>
    <body bgcolor="#5BFFFF">
    .......
    1. Salut à tous !

      Merci de ton aide, mais je ne veux pas que tout le fond de ma page soit bleu ciel, SEULEMENT le fond de mon titre !

      Merci quand-même... ! ;-)

      Thomas
      O|O
      \_/
      1. Le html 4.0 strict ne supporte pas les couleurs de fond pour les div.
        Dans ton exemple, si tu enlèves la ligne <doctype...>, cela fonctionne.
        Il semble donc que ce soit la balise de définition du type de document qui pose un souci.

        TaBou JuNioR
        1. Oup's, j'ai oublié un bout de la réponse...

          Voilà la balise pour dire "Youhou, c'est du html 4.01 Transitional !!" :
          <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

          TaBou JuNioR
          http://membres.lycos.fr/taboujr/
          1. Bonsoir,

            Il ne faut pas de guillemets dans ta feuille de style
            background-color: #5BFFFF;

            Et dans ta page, utilise tout simplement la balise prévue pour un titre
            <h1 class="titre">
            Présentation de l'auteur du site
            </h1>

            Si tu veux que le fond bleu n'occupe pas toute la largeur de la page, ajoute dans ta feuille de style
            width : 60%;

            Et pour que le doctype soit complet
            <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
            "http://www.w3.org/TR/html4/loose.dtd">

            Monique
            Elle est pas belle la vie ?
            1. Modérateur
              bonjour
              "Il ne faut pas de guillemets dans ta feuille de style
              background-color: #5BFFFF; "
              là cela me pose question ....
              où trouver n tableau de correspondance entre les codes couleurs avec # et sans # ????
              @mitiés
              b g
            2. @bg62Bonjour,

              Que ce soit dans une feuille de style externe ou intégrée dans le code HTML, un code couleur ne doit jamais s'écrire sans le #.
              Il n'existe donc pas de tel tableau de correspondance.
              Des explications : htmlcouleurs

              Amicalement,
            3. Modérateur
              @bmgg4merci de la réponse
              j'ai suivi le lien
              ... mais ce n'était pas tout à fait ce que je voulais dire
              j'ai rencontré des :
              #E5F0FF
              et des :
              #fff
              quelle est la différence ?

              et ... si vous êtes pour les sites de qualité, c'est ce que cherche à faire ! mais je ne suis que débutant, pourriez-vous regarder:
              css et html problemes de codes 2 sos
              (surtout les trois derniers posts) car là je suis en panne complète !!
              grand merci à l'avance
              @mitiés
              b g
            4. @bg62#fff ou #ffffff c'est la même chose.
              La première est simplement une forme abrégée souvent utilisée quand la même lettre (ou le même chiffre) se répète.

              Amicalement,
            5. Modérateur
              @bmgg4grand merci pour la réponse et la table des couleurs à l'air facile à comprendre ... mais je ne trouve pas d'équivalent à celle que je voudrais !
              voir:
              http://unesourisetmoi.chez-alice.fr/travail3/pages/accueil.html
              dans la partie texte en rouge
              @mitiés
              b g
          2. Contributeur
            Salut à tous,
            Quelqu'un est-il chez club-internet ?
            Je m'explique: j'ai fais un site pour un pote avec la scroll bar colorée et ça ne fonctionne pas chez eux ???
            Chez free (voir mon site ci-dessous) ça fonctionne pourtant. Que peut-il se passer chez club-internet ?

            Merci pour vos tuyaux .

            http://abarka.free.fr 
            Quand la syntaxe va, TOUT va ;-))