[CSS] Probleme centrage texte

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [CSS] Probleme centrage texte

ddsjm

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,

Publicité

FlorentG

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

ddsjm

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

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

ddsjm

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,

FORUM HardWare.fr

Programmation

HTML/CSS

[CSS] Probleme centrage texte

Sujets relatifs
Probleme mémoire / Ogre3D	problème avec oracle
[C++] transformer du texte en vocale	(debutant) bouton qui manipule champs texte
probleme mysql	problème connection base de données avec eclipse RCP
Probleme intégration flash dans mes pages php	récupérer le texte d'un champ, le vérifier et en faire un mailTo
Problème pour un exécutable en langage C - SDL	probleme de combinaisons non regulieres
Plus de sujets relatifs à : [CSS] Probleme centrage texte

Page générée en 0.043 secondes