2009-03-31 8 views
1

Salut, je semble avoir un problème en essayant d'aligner une étiquette H1 vers la gauche. Je sais que c'est quelque chose dans mon fichier template.css mais je ne peux pas savoir quoi.Vous ne pouvez pas aligner la balise H1 à gauche avec CSS?

Have a look >

devrait être facile pour tout gourou CSS je l'espère;) ...

+0

au moins ce n'est pas un site porno: D –

+0

Pouvez-vous s'il vous plaît poster le CSS et HTML pertinent ici. J'ai vu le titre de la page et je ne veux pas l'ouvrir au travail. – MrChrister

+0

Je suis au boulot, tu aurais pu m'avertir de la nature de ce site! De toute façon, vous pouvez inclure une capture d'écran de la partie pertinente du problème dans cette question, afin que la question continue d'être pertinente à l'avenir. – thomasrutter

Répondre

4

Utilisez un outil de développement comme Firebug de Firefox, le WebInspector de Safari ou les outils de développement de IE pour examiner le document. Ceux-ci montreront probablement votre, que c'est la marge inférieure de .previous_page qui cause un conflit avec la marge supérieure du h1.

+0

Merci Gumbo, vous étiez là où il était une marge inférieure sur le lien page précédente causant le problème. merci beaucoup en effet :) – morktron

2

Il est frappant que flotta lien « Page précédente » et emballage autour d'elle. Il est justifié à gauche, mais il semble juste qu'il est centré en raison de l'endroit où il frappe ce flottant.

Essayez:

h1 { clear: left } 
+0

merci Tyson, ça fonctionne déjà mais c'est un bon truc à retenir, merci :) – morktron

1

Essayez de changer votre style h1 à ceci:

#flypage h1 { 
    float: left; 
    margin-bottom: 20px; 
    margin-top: 20px; 
    text-align: left !important; 
    width: 100%; 
} 
+0

Merci Dave, c'était le bouton de la page précédente qui l'affectait mais j'ai fini par ajouter une marge supérieure à la balise H1, semble beaucoup mieux merci :) – morktron

Questions connexes