Centrer un titre sur couleur de fond

cs_henri12 Messages postés 114 Date d'inscription mercredi 25 février 2004 Statut Membre Dernière intervention 9 avril 2007 - 26 sept. 2005 à 12:22
cs_Anthomicro Messages postés 9433 Date d'inscription mardi 9 octobre 2001 Statut Membre Dernière intervention 13 avril 2007 - 26 sept. 2005 à 18:57
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

jesusonline Messages postés 6814 Date d'inscription dimanche 15 décembre 2002 Statut Membre Dernière intervention 13 octobre 2010 29
26 sept. 2005 à 12:57
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
0
cs_henri12 Messages postés 114 Date d'inscription mercredi 25 février 2004 Statut Membre Dernière intervention 9 avril 2007
26 sept. 2005 à 13:09
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>
0
malalam Messages postés 10839 Date d'inscription lundi 24 février 2003 Statut Membre Dernière intervention 2 mars 2010 25
26 sept. 2005 à 13:14
Vive Internet Explorer... ;-)



Ce code marche très bien sous Firefox.

IE est nettement plus pénible...
0
cs_Anthomicro Messages postés 9433 Date d'inscription mardi 9 octobre 2001 Statut Membre Dernière intervention 13 avril 2007 8
26 sept. 2005 à 13:21
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>
0

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

Posez votre question
malalam Messages postés 10839 Date d'inscription lundi 24 février 2003 Statut Membre Dernière intervention 2 mars 2010 25
26 sept. 2005 à 13:33
Tu triches là Antho, lol...
0
jesusonline Messages postés 6814 Date d'inscription dimanche 15 décembre 2002 Statut Membre Dernière intervention 13 octobre 2010 29
26 sept. 2005 à 13:35
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
0
malalam Messages postés 10839 Date d'inscription lundi 24 février 2003 Statut Membre Dernière intervention 2 mars 2010 25
26 sept. 2005 à 13:39
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 :-)
0
malalam Messages postés 10839 Date d'inscription lundi 24 février 2003 Statut Membre Dernière intervention 2 mars 2010 25
26 sept. 2005 à 13:40
Parce qu'il m'avait impressionné, pour ce qui est de l'utilisation des styles.
0
cs_henri12 Messages postés 114 Date d'inscription mercredi 25 février 2004 Statut Membre Dernière intervention 9 avril 2007
26 sept. 2005 à 13:43
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>
0
cs_Anthomicro Messages postés 9433 Date d'inscription mardi 9 octobre 2001 Statut Membre Dernière intervention 13 avril 2007 8
26 sept. 2005 à 18:32
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>
0
jesusonline Messages postés 6814 Date d'inscription dimanche 15 décembre 2002 Statut Membre Dernière intervention 13 octobre 2010 29
26 sept. 2005 à 18:51
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
0
cs_Anthomicro Messages postés 9433 Date d'inscription mardi 9 octobre 2001 Statut Membre Dernière intervention 13 avril 2007 8
26 sept. 2005 à 18:57
"

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>
0
Rejoignez-nous