[reglé] "text-align: center" ne marche pas avec &l

Malo-net · html mioche

Bonjour !

voici deux éxtraits d'une feuille de style :

h1 {
text-align: center;
font-family: Arial;
font-size: 24pt;
color: black;
}

... et :

.c1 {
font-family: Arial;
font-size: 18pt;
color: black;
text-align: center;
}

Or, si mon texte s'aligne bien avec le "c1"; il ne veut pas s'aligner avec mon "h1" !

Voici l'extrait du code de ma page concerné par mon problème :

<h1>Dibabit ho yezh / Choisissez votre langue</h1>
<h1><a href="bzh/index.html"><img border="0" src="images/BRETON.gif" width="24" height="16"></a>
/<a href="fr/index.html"><img border="0" src="images/FRANCAIS.gif" width="24" height="16"></a></h1>
<h1><a href="bzh/index.html">Brezhoneg</a>/<a href="fr/index.html">Français</a></h1>
<div class="c1">(klokoc'h eo al lodenn vrezhonek/la partie en breton est plus
complète)</div>

Attention, ceci dans le but de vous éviter à avoir à envoyer un deuxième post avec des explications plus précises, je vous préviens tout de suite que je suis un débutant. Wink

salemioche · salemioche

ajoute width: 100%

Malo-net · html mioche

GROAAAAAAR !

Ca ne marche tjs pas !

voici un nouvel extrait de ma feuille de style :

salemioche · salemioche

ajoute

Malo-net · html mioche

Ben, je suis désolé, ça ne marche tjs pas.

Le pire, c'est que qd je le mets en <h2>, par éxemple, ça marche !

Et je viens de me rendre compte que le titre de <h1> n'était même pas affiché en Arial ! Ce qui me laisse à penser que le problème viendrait d'une reconnaissance de la catégorie <h1> et pas des instructions qui sont dedans. Pourtant j'ai tout veifié, et je ne trouve aucun pb !

Voici le début de ma feuillle de style :

salemioche · salemioche

est ce que tu peux nous mettre ta page html et feuille css en entier ?

Malo-net · html mioche

Voilà ma page :

SIBELIUS · html mioche

width: 100%; et display: block; ne servent à rien puisque les titres Hx sont déjà des balises bloc... elles occupent par défaut 100% de la largeur occupable également.

Ton background-color: #E4E3C9; ne risque pas de s'afficher : tu ne l'appliques à aucune balise !

Tu n'as pas à utiliser plusieurs fois la balise H1 dans ton code : il n'y a en théorie qu'un seul titre de niveau 1.

Et pour finir, ta feuille de style est séparée. Donc elle ne doit avoir AUCUNE balise HTML dans son code (il faut virer la balise <style> dans le CSS)

salemioche · salemioche

j'aurais du demander plus tôt le code complet Smile

Malo-net · html mioche

D'accord et merci.

Je n'ai pas compris ou placer le backgroundcolor alors. Je voudrais que la couleur de fond soit #E4E3C9 sur toute la pge, qu'il y ait du texte ou pas.

J'ai donc remplacé le <h1> sur les deuxièmes et troisièmes lignes (celle ou il y a les drapeaux, et celle ou il est écrit "brezhoneg/français").

J'ai viré width: 100% et display: block (j'avais remarqué qu'ils ne servaient à rien, qar en fait on m'avait conseillé de les mettre un peu plus haut, et ça n'avait rien changé), mais mon titre en <h1> n'est toujours pas centré !

En tous cas, merci de m'aider, je pense qu'on y est presque, et voici donc mon nouveau code :

Feuille de style :

SIBELIUS · html mioche

Malo-net · html mioche

D'accord, merci. Mais en fait je venais de le trouver en furetant un peu. Ce problème là étant résolu, il ne me reste plus que...celui du départ, mon texte en <h1> n'est pas centré malgré mon "text-align: center".

SIBELIUS · html mioche

Le code fonctionne parfaitement chez moi (testé sur IE6, Firefox et Opera) :

<html>
<head>
<title>dibabit ho yezh/choisissez votre langue</title>
<meta name="description" content="le site d'un accordéoniste diatonique, avec du breton en plus ! / lec'hienn ur soner boest-an-diaoul, gant un nebeud traoù evit ar brezhoneg">
<meta name="author" content="Malo Morvan">
<meta name="keywords" content="accordéon, diatonique, akordeoñs, boest an diaoul, musique, sonerezh, breton, brezhoneg, Malo, Morvan, Benjamin-Malo-Scène, fest-noz, concert, sonadeg, concerts, sonadegoù, krennadurioù, cours d'accordéon, kentelioù akordeoñs, kentelioù boest an diaoul, leçons, forum en breton, forum e brezhoneg, accordéoniste, soner">
<meta name="robots" content="follow">

<style type="text/css">

</style>
</head>
<body>
<h1>Dibabit ho yezh / Choisissez votre
langue</h1>
<div class="c1"><a href="bzh/index.html"><img src="images/BRETON.gif" width="24" height="16"></a>
/<a href="fr/index.html"><img src="images/FRANCAIS.gif" width="24" height="16"></a></div>
<div class="c1"><a href="bzh/index.html">Brezhoneg</a>/<a href="fr/index.html">Français</a></div>
<div class="c1">(klokoc'h eo al lodenn vrezhonek/la partie en breton est plus
complète)</div>
</body>
</html>

Malo-net · html mioche

Euh... bah oui ! Ca fonctionne ! ms je suis sacrément con ! Je ne m'en étais mm pas rendu compte, tellement habitué que j'étais à ce que ça ne fonctionne pas ! Embarassed

Et bien, je suis désolé de vous avoir fait perdre votre temps à tester un truc qui fonctionnait.

Je vais essayer maintenant d'arrêter de vous poser des questions qui vous mobilisent, si quand j'aurais cherché 3 heures dans les tutos et trois heures tout seul !

Et bien, merci encore !

Je ne sais pas cmt vous aider en retour (attention, ça concerne aussi les services futurs probables Laughing

) (non je rigole). Et bien, si un jour vous voulez traduire votre site en breton, je pourrais vous aider (je sais, on fait ç'qu'on peut avec ç'qu'on a...) !

SIBELIUS · html mioche