28221 sujets

CSS et mise en forme, CSS3

Retour à la ligne en fonction du navigateur

Pages :
Bonjour,

J'ai un petit soucis, voila j'ai un H1 modifié par une feuille de style qui lui fixe une largeur max de 120px;

Sous IE quand mon texte est trop long, il va à la ligne (ce qui me convient parfaitement Smiley biggrin ) mais pas sous Mozilla (ce qui me convient beaucoup moins Smiley fache ).

Je ne sais pas si la solution de fixer la largeur du H1 (déjà dans un div de 120px de large) est la bonne. Si il y en a une autre je suis preneur.

Il faut juste que mon texte ne dépasse pas 120px de large mais peut etre sur plusieurs lignes

Voila, merci d'avance
Salut

Si ton texte contiens des espace, le retour à la ligne devrais ce faire normalement si tu as fixé la largeur d'un des conteneur.
(Si ce n'est pas le cas, montre ton code)

Par contre, si tu as des mots très long sans espce ni tiret, le retour a la ligne ne ce fera pas !
h1#selectionne {
font-size:10pt;
color:#A40505;

width:120px;

margin-left:5px;
margin-top:0px;
margin-bottom:0px;
padding-left:15px;

background-image:url(images/c_puce_menu.gif);
background-repeat:no-repeat;
background-position:0 3;
}

placé dans le conteneur
div#menu {
position:absolute;
left:0px;
width:120px;
padding:0px;
padding-bottom:10px;
margin:0px;
}

voila, quand le texte est trop long, il va a la ligne sous ie mais pas sur mozilla, ne
Pourquoi donner une largeur de 120px à ton h1 puisqu'il est lui même contenu dans un div de largeur 120px... ton h1 prendra 120px de largeur... Smiley eyecrazy
non, il n'est pas en ligne.
Et malheureusement, il n'y aura rien en ligne avant fin semaine début semaine prochaine.

Je peux eventuellement faire passer des screenshots? mais est ce que ca t'aidera?

Sinon, j'ai une question liée à ce problème. Normalement, le texte devrait aller à la ligne automatiquement que il est trop long (a condition qu'il y est des espaces). Existe t il une solution lorsque qu'il n'y a pas d'espace pour le mot soit quand meme sur deux lignes?
pc07 a écrit :
Existe t il une solution lorsque qu'il n'y a pas d'espace pour le mot soit quand meme sur deux lignes?

Nous y voila ! Smiley hum
Dans ce cas, il n'y a pas de solution en CSS, il faut que tu passe par du JS (ou un langage serveur) pour couper tes mots trop long.
Bah, j'ai testé chez moi... et aucun soucis, ca passe bien à la ligne...

Je sais pas comment tu t'es débrouillé sur ce coup là Smiley nuts

Pourquoi tu peux pas mettre en ligne tout de suite plutot que fin de semaine ???
Tout simplement parceque ce n'est pas un site personnel et que l'hebergement sera actif fin semaine début semaine prochaine, donc je pourrais a ce moment mettre une version beta en ligne
Donc comme vous pourrez le constater, l'item du menu "travaux et projets" (celui qui est mis en avant par un ssmenu) est sur deux lignes dans ie mais sur une seule sur mozilla
Chez moi, il est sur deux lignes sous Firefox, et il arrive sur une seule ligne si j'réduis la taille des caractères ...
Pages :
Sujet clos
Aller à