Problème feuille CSS et HTML !!
Utilisateur anonyme
-
bg62 Messages postés 23433 Date d'inscription Statut Modérateur Dernière intervention -
bg62 Messages postés 23433 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
\_/
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
\_/ -
mets une table à fond bleu
Dohm qui vous bouleg tous -
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 -
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/ -
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 ?-
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 -
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, -
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 -
#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, -
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
-
-
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 ;-))
