Je rame en HTML: un titre en deux lignes

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Je rame en HTML: un titre en deux lignes

Cutter

Bonjour,

Voici mon site: http://xxxxxxx.free.fr
J'ai utilisé CMS Made Simple, avec le gabarit par défaut.

Voici mon problème:
[img]machin[/img]

Comment faire en sorte que la deuxième ligne commence au même endroit que la première et comment faire pour qu'elle soit un peu plus bas pour éviter de s'enchevêtrer dedans?

Voici le code HTML.

<div id="header">
<h1><a href="http://machin.free.fr/index.php/qui-sommes-nous.htm">Association Ricochet <br><small>Aulnay-sous-Bois</small></a></h1>
<hr class="accessibility">

</div>

Et le code CSS:

div#header {
height: 87px; /* adjust according your image size */
background: transparent;
}

div#header h1 a {
/* you can set your own image here */
background: #333 url(uploads/images/logoweb.png) no-repeat 20px 10px;
display: block;
height: 47px; /* adjust according your image size */
text-indent: 5em; /* this hides the text */
text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
color:white;
padding:40px 0 0 0;
}

D'avance merci.

Message édité par Cutter le 21-09-2008 à 04:10:06

---------------
last.fm

Publicité

dartyduck

n00b AttitudE

tu enleves le text-indent, il ne décale que la premiere ligne, comme une tabulation. Mets juste un padding:40px 0 0 5em; et ça devrait régler ton pb.

Message cité 1 fois

---------------
Nikon D7000 + 18-105VR + 35mm 1.8

Cutter

dartyduck a écrit :

tu enleves le text-indent, il ne décale que la premiere ligne, comme une tabulation. Mets juste un padding:40px 0 0 5em; et ça devrait régler ton pb.

Ingénieux! [:hahaguy]
Par contre comment régler le problème des lignes qui se rentrent dedans?

Edit: autre problème: je viens de remarquer que la taille des caractères du titre est plus grande sous IE que sous FX (alors qu'elle est la même pour le texte de base). Est-ce un bug connu?

Message édité par Cutter le 28-04-2007 à 22:07:49

---------------
last.fm

Shinuza

This is unexecpected

Tu dois pouvoir régler ça avec line height, sinon tu baisses la taille de la police.

Par contre, c'est <br/> qu'il faut utiliser pour faire un retour à la ligne, tu es en XHTML et pas en HTML. Sinon graphiquement c'est intéressant

Message cité 1 fois

---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.

Cutter

Shinuza a écrit :

OK, merci. Sinon je me rends compte que la taille de la police en <h1> est plus grande dans IE que dans FX, même si je la spécifie dans les CSS. C'est un bug connu?

Message cité 1 fois

---------------
last.fm

dartyduck

n00b AttitudE

Cutter a écrit :

OK, merci. Sinon je me rends compte que la taille de la police en <h1> est plus grande dans IE que dans FX, même si je la spécifie dans les CSS. C'est un bug connu?

bizarre...

Message cité 1 fois

---------------
Nikon D7000 + 18-105VR + 35mm 1.8

Shinuza

This is unexecpected

Y'a forcément un truc qui merde

---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.

Cutter

dartyduck a écrit :

bizarre...

Peut être que la taille de texte a été spécifiée pour un objet parent, qu'avec IE les objets en héritent et qu'avec FX non... Je vais vérifier mes CSS.

Edit: en fait c'est le contraire. La taille du texte a été spécifiée pour <body> à 75.01%. IE n'applique pas la taille de texte de <body> à <h1> alors que FX et Opera le font.
Ralala. [:kiki]

Message édité par Cutter le 28-04-2007 à 23:00:55

---------------
last.fm

dartyduck

n00b AttitudE

ah ben vi, faut tout lui dire à IE, un vrai gamin !! :lol:

---------------
Nikon D7000 + 18-105VR + 35mm 1.8

FORUM HardWare.fr

Programmation

HTML/CSS

Je rame en HTML: un titre en deux lignes

Sujets relatifs
Probleme de mise en ligne apres upload des html	[HTML] Taille de fonte différentes entre IE6/Firefox
alignement vertical cellules html [tableau]	Inserer un listbox en html
recherche fonction HTML TO XML	Récupérer contenu balises HTML
[CSS?] Problème de titre avec IE.	[HTML] Formulaire et sous division
[PHP/HTML] Forcer l'affichage progressif de grandes tables sous IE?	Insérer une Video sur une page HTML
Plus de sujets relatifs à : Je rame en HTML: un titre en deux lignes

Page générée en 0.051 secondes