Problème feuille CSS et HTML !!

Utilisateur anonyme -  
bg62 Messages postés 23732 Date d'inscription   Statut Modérateur Dernière intervention   -
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
\_/
A voir également:

7 réponses

a.nomé
 
Salut
Et si tu mettais :
.......
</head>
<body bgcolor="#5BFFFF">
.......
0
Utilisateur anonyme
 
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
\_/
0
dohm Messages postés 975 Date d'inscription   Statut Modérateur Dernière intervention   67
 
mets une table à fond bleu

Dohm qui vous bouleg tous
0
Tabou Junior
 
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
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Taboujr Messages postés 507 Date d'inscription   Statut Membre Dernière intervention   117
 
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/
0
bmgg4 Messages postés 179 Date d'inscription   Statut Membre Dernière intervention   23
 
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 ?
0
bg62 Messages postés 23732 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
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
0
bmgg4 Messages postés 179 Date d'inscription   Statut Membre Dernière intervention   23 > bg62 Messages postés 23732 Date d'inscription   Statut Modérateur Dernière intervention  
 
Bonjour,

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,
0
bg62 Messages postés 23732 Date d'inscription   Statut Modérateur Dernière intervention   2 409 > bmgg4 Messages postés 179 Date d'inscription   Statut Membre Dernière intervention  
 
merci 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
0
bmgg4 Messages postés 179 Date d'inscription   Statut Membre Dernière intervention   23 > bg62 Messages postés 23732 Date d'inscription   Statut Modérateur Dernière intervention  
 
#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,
0
bg62 Messages postés 23732 Date d'inscription   Statut Modérateur Dernière intervention   2 409 > bmgg4 Messages postés 179 Date d'inscription   Statut Membre Dernière intervention  
 
grand 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
0
txiki Messages postés 6596 Date d'inscription   Statut Contributeur Dernière intervention   521
 
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 ;-))
0