Je rame en HTML: un titre en deux lignes
Je rame en HTML: un titre en deux lignes - HTML/CSS - Programmation
Marsh Posté le 28-04-2007 à 21:55:58
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.
---------------
Nikon D7000 + 18-105VR + 35mm 1.8
Marsh Posté le 28-04-2007 à 22:00:44
| 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]](https://forum-images.hardware.fr/images/perso/hahaguy.gif "[: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
Marsh Posté le 28-04-2007 à 22:10:30
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 
---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.
Marsh Posté le 28-04-2007 à 22:40:51
| Shinuza a écrit : Tu dois pouvoir régler ça avec line height, sinon tu baisses la taille de la police. |
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?
---------------
last.fm
Marsh Posté le 28-04-2007 à 22:50:32
| 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...
---------------
Nikon D7000 + 18-105VR + 35mm 1.8
Marsh Posté le 28-04-2007 à 22:55:34
Y'a forcément un truc qui merde
---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.
Marsh Posté le 28-04-2007 à 22:55:48
| 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]](https://forum-images.hardware.fr/images/perso/kiki.gif "[:kiki]")
Message édité par Cutter le 28-04-2007 à 23:00:55
---------------
last.fm
Marsh Posté le 29-04-2007 à 10:49:28
ah ben vi, faut tout lui dire à IE, un vrai gamin !! 
---------------
Nikon D7000 + 18-105VR + 35mm 1.8
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
Marsh Posté le 28-04-2007 à 20:41:44
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