Centrer un titre sur couleur de fond

Signaler
Messages postés
114
Date d'inscription
mercredi 25 février 2004
Statut
Membre
Dernière intervention
9 avril 2007
-
Messages postés
9433
Date d'inscription
mardi 9 octobre 2001
Statut
Membre
Dernière intervention
13 avril 2007
-
salut

je voudrais centrer un titre sur une couleur de fond, mais aussi le centrer sur ma page
web
en rajoutant h1 {width: 250px}
sur le code si dessous mon titre se centre sur la couleur de fond mais pas sur le centre de ma page et sans le code h1 {width: 250px } il se centre sur la page web mais la couleur de fond déborde au dela du texte

es qu'on peut centrer sur la couleur de fond et en meme temps sur la page web

merci

<html>

<head>
<title>Gagner enfin au loto</title>
<style type="text/css">
h1 {width: 250px}
h1 {color: #0000ff}
h1 {background-color: #FFBBBB}
h1 {text-align: center }
</style>


</head>


Bonjour à tous



</html>

12 réponses

Messages postés
6814
Date d'inscription
dimanche 15 décembre 2002
Statut
Modérateur
Dernière intervention
13 octobre 2010
29
bonjour

h1{width:250px; color:#00F; background-color:#FBB; text-align:center; margin:auto;}


<HR>
Cyril - MCP ASP.net
Webmaster de : Hoshimi.CodeS-SourceS.fr
Messages postés
114
Date d'inscription
mercredi 25 février 2004
Statut
Membre
Dernière intervention
9 avril 2007

j ai taper ce code et bonjour à tous ne ce centre pas sur la page web
pour

l'as tu essayer

<html>

<head>
<title>Gagner enfin au loto</title>
<style type="text/css">
h1{width:250px; color:#00F; background-color:#FBB; text-align:center; margin:auto;}
</style>


</head>


Bonjour à tous



</html>
Messages postés
10839
Date d'inscription
lundi 24 février 2003
Statut
Modérateur
Dernière intervention
2 mars 2010
25
Vive Internet Explorer... ;-)



Ce code marche très bien sous Firefox.

IE est nettement plus pénible...
Messages postés
9433
Date d'inscription
mardi 9 octobre 2001
Statut
Membre
Dernière intervention
13 avril 2007
9
Salut,



<html>



<head>

<title>Gagner enfin au loto</title>

<style type="text/css">

h1{width:100%; text-align:center;}

</style>
</head>



Bonjour à tous




</html>



<hr size="2" width="100%"><li>Entraide, dépannage et vulgarisation informatique : Mon site de vulgarisation informatique</li>
Messages postés
10839
Date d'inscription
lundi 24 février 2003
Statut
Modérateur
Dernière intervention
2 mars 2010
25
Tu triches là Antho, lol...
Messages postés
6814
Date d'inscription
dimanche 15 décembre 2002
Statut
Modérateur
Dernière intervention
13 octobre 2010
29
non IE n'est pas si compliqué que ca, il faut juste lui parler correctement ...

ton code n'est pas correcte, il manque une DTD ... et c'est exactement ca qui le fait ne pas marcher sur IE ...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>Gagner enfin au loto</title>
<style type="text/css">
h1{width:250px; color:#00F; background-color:#FBB; text-align:center; margin:auto;}
</style>


</head>


Bonjour à tous



</html>

ton code est rendu en quircks mode, c'est à dire faire ce qu'il peut avec ce qu'il a ... si tu met une DTD il passerait en mode strict ;)



<HR>



Cyril - MCP ASP.net
Webmaster de : Hoshimi.CodeS-SourceS.fr
Messages postés
10839
Date d'inscription
lundi 24 février 2003
Statut
Modérateur
Dernière intervention
2 mars 2010
25
Jesusonline, notre messie à tous pour ce qui est des css...

J'en profite pour te passer un petit bravo pour ton menu, sur cs graph :-)
Messages postés
10839
Date d'inscription
lundi 24 février 2003
Statut
Modérateur
Dernière intervention
2 mars 2010
25
Parce qu'il m'avait impressionné, pour ce qui est de l'utilisation des styles.
Messages postés
114
Date d'inscription
mercredi 25 février 2004
Statut
Membre
Dernière intervention
9 avril 2007

le voila il manquait h1.margin {margin-left: 9cm}
et <h1 class="margin">

<html>


<head>
<title>Gagner enfin au loto</title>
<style type="text/css">
h1{width:210px; color:#00F; background-color:#FBB; text-align:center;}
h1.margin {margin-left: 9cm}
</style>


</head>


<h1 class="margin">
Bonjour à tous



</html>
Messages postés
9433
Date d'inscription
mardi 9 octobre 2001
Statut
Membre
Dernière intervention
13 avril 2007
9
mais c'est pas centré là, t'as mis une marge...



Bref je te laisse apprendre car visiblement comme toujours tu n'as pas changé...

<hr size="2" width="100%"><li>Entraide, dépannage et vulgarisation informatique : Mon site de vulgarisation informatique</li>
Messages postés
6814
Date d'inscription
dimanche 15 décembre 2002
Statut
Modérateur
Dernière intervention
13 octobre 2010
29
Anthomicro j'espere que c'est pas à moi que ton message s'adresse ???

Sinon henri12 ma solution fonctionne alors pourquoi tu veux faire autre chose ? il te suffit simplement de mettre un doctype et le tour est joué !

et puis mettre des marges en cm ...sur le web un cm c'est comment ? c'est grand comme ca ? |----| le cm est à bannir pour tout type de media autre que media print ... il en va de meme pour l'unité pt qui est guerre mieux ...

sur le web, on utilise le px pour une unité absolue, ou em , ex et % pour l'unité relative (je crois pas en avoir oubliée)

malalam > merci c'est trop, mais le menu de CS n'est que le début du commencement ;)


<HR>
Cyril - MCP ASP.net
Webmaster de : Hoshimi.CodeS-SourceS.fr
Messages postés
9433
Date d'inscription
mardi 9 octobre 2001
Statut
Membre
Dernière intervention
13 avril 2007
9
"

Anthomicro j'espere que c'est pas à moi que ton message s'adresse ??? "



> non absolument pas, consulte la liste des topics d'henri12 tu comprendras que mon message s'adresse à lui

<hr size="2" width="100%"><li>Entraide, dépannage et vulgarisation informatique : Mon site de vulgarisation informatique</li>