[CSS] Probleme centrage texte

Marsh Posté le 06-02-2009 à 11:17:44

Bonjour,
J'ai un petit problème avec l'utilisation d'une feuille de style CSS.
J'utilise la balise <p> pour mon corps de texte aligné à gauche.
J'ai créé uen seconde balise <p_centre> qui possède les mêmes caractéristiques que <p> mais celle ci centrée. Visiblement, le texte ne se centre pas sur la page.
Code feuille CSS :

Code :

p {
font-family:comic sans ms, sans-serif;
font-size:100%;
color:white;
background-color:transparent;
text-align:left;
font-weight: normal;
margin-left:2px;
margin-right:2px;
}
p_centre {
font-family:comic sans ms, sans-serif;
font-size:100%;
color:white;
background-color:transparent;
margin: auto;
text-align:center;
font-weight: normal;
}

Code affichage :

Code :

<p_centre><a href="../liste.php?site='.$site.'">Retour Liste </a></p_centre>

La page css est bien appelée car tout le reste du design de la page fonctionne.

Merci d'avance de votre aide,

Reply

Marsh Posté le 06-02-2009 à 11:17:44

Reply

Marsh Posté le 06-02-2009 à 11:33:51

On n'invente pas des balises comme ça [:pingouino]

L'HTML définit une grammaire précise, on ne peut pas rajouter des trucs comme ça.

De plus un nom "p_centre" indique la présentation dans l'HTML, ce que le CSS essaye d'éviter. Donne une classe sur ton <p> pour indiquer sa fonction, ça sera mieux. Et on n'oublie pas d'escaper l'output :

Code :

<p class="retour"><a href="../liste?site=' . htmlspecialchars($site) . '">Retour Liste</a></p>

Code :

p.retour {
  font: normal 100% arial, sans-serif;
  text-align: center;
}

J'ai pris la liberté de virer la police Comic Sans MS, parce qu'à part un site pour gamin, y'a rien de mieux pour faire moche et amateur

Reply

Marsh Posté le 06-02-2009 à 13:26:51

Merci pour votre réponse, ca marche parfaitement.
Effectivement, j'avais pris quelques libertés en utilisant le CSS
@+++ JM

---------------
Mon vieux feedback :)

Reply

Marsh Posté le 07-02-2009 à 09:09:27

J'ai encore un petit problème de centrage ....

Je souhaiterais centrer mon menu. J'ai fait figurer toutes les balises dans lesquelles il se trouve.
Mon code html :

Code :

<body>
<div id="site">
<div id="header"></div>
<div id="sous-header">
<div id="mh">
<a title="Page d'accueil" href="">Accueil</a>
<a title="Section" href="#">section</a>
<a title="Section" href="#">section</a>
<a title="Section" href="#">section</a>
<a title="Section" href="#">section</a>
<a title="Section" href="#">section</a>
</div>
</div>

Mon code CSS :

Code :

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
background: #FFFFFF url(images/background-header.jpg) repeat-x top;
}
div#site {
text-align:left;
width: 1000px;
margin: auto;
}
div#header {
background: url(images/header.jpg) no-repeat 0 0;
height: 171px;
margin: 0;
padding: 0;
}
div#sous-header {
height: 34px;
margin: 0;
padding: 0;
}
div#mh {
margin-left: 70px;
}
div#mh a, div#mh a:link {
float: left;
padding-right: 50px;
padding-top:10px;
font-family: Verdana;
font-size: 10px;
text-decoration: none;
font-weight: bold;
color: #FFFFFF;
}

Avec cette configuration, j'ai toujours une marge à gauche.
Lorsque je supprime le "width: 1000px;" dans la balise site, la marge disparait. Mais lorsque je met toutes les balises à text-align=center, rien ne se centre. Est ce normal? Et comment faire pour centrer le menu?
Merci encore d'avance,

Reply

[CSS] Probleme centrage texte

Sujets relatifs:

Leave a Replay