Problème feuille CSS et HTML !!
Utilisateur anonyme
-
bg62 Messages postés 23732 Date d'inscription Statut Modérateur Dernière intervention -
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
\_/
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:
- Problème feuille CSS et HTML !!
- Editeur html - Télécharger - HTML
- Bruler feuille de laurier - Guide
- Feuille de pointage excel - Télécharger - Tableur
- Feuille a5 - Guide
- Comment supprimer une feuille sur word - Guide
7 réponses
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
\_/
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
\_/
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
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
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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/
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/
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 ?
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 ?
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
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
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 ;-))
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 ;-))