High-Tech Santé Médecine Droit-Finances

Connecter

la Wii à Internet

Rechercher : dans
Par :

[CSS] Forcé retour à la ligne

Dernière réponse le 26 oct 2009 à 00:15:09 aKuma59, le 6 déc 2008 à 22:24:42 
 Signaler ce message aux modérateurs

Bonsoir,

Savez vous comment faire pour forcé le retour à la ligne d'un texte dans un div, car j'ai un div de taille max-width de 510px mais si j'entre un mot super grand, celui çi va débordé du div mais je voudrais forcé un retour à la ligne dans ce cas, est ce faisable en CSS ou faut-il passer par un script ?


D'avance merci :)

Configuration: Windows XP
Safari 525.19

Meilleures réponses pour « [CSS] Forcé retour à la ligne » dans :
Sed - Conversion retours chariots DOS (CRLF) / UNIX (LF) VoirConversion format de fichier DOS UNIX / UNIX DOS Préambule Ce qu'il faut savoir Conversion DOS vers UNIX Conversion UNIX vers DOS Préambule Il existe déjà des utilitaires (dos2unix et unix2dos) qui s'acquittent très bien ce...
PHP - Les variables VoirConcept de variable avec PHP Une variable est un objet repéré par son nom, pouvant contenir des données, qui pourront être modifiées lors de l'exécution du programme. Les variables en langage PHP peuvent être de trois...
Javascript - Les chaînes de caractères VoirQu'est-ce qu'une chaîne de caractère Une chaîne de caractère est, comme son nom l'indique, une suite de caractères. On la représente par la suite de caractères encadrée par des guillemets simples (') ou doubles ("), sachant que les deux types de...
VBScript - Les constantes VoirQu'est-ce qu'une constante ? Une constante est un nom, facilement mémorisable, remplaçant une valeur (nombre, chaîne, etc.) qui ne change pas. L'objectif d'une constante est d'une part de permettre de rendre un programme plus lisible, d'autre part...
Posez votre question Répondre

1

sonik21, le 6 déc 2008 à 22:45:11

Si tu fai une marge intérieur avec padding sa devrai marcher non ? 

   padding: 5px;
JuZa.e3b.org || No man's land, People are strange, & Jesus was a punk
Toute information doit être libre de circuler. Rien  ne doit être caché. Nous avons le droit de savoir.

   
Répondre à sonik21

2

aKuma59, le 6 déc 2008 à 22:49:53

Heuuuu nop ça ne fonctionne pas...
Ce que je voudrais c'est que lorsque le mot est trop grand pour être affiché dans mon div je voudrais qu'il ce coupe à la limite du div et affiche le reste à la ligne d'en dessous.
Je sais pas si c'est assez clair... :x

   
Répondre à aKuma59

3

sonik21, le 6 déc 2008 à 23:10:02

Bah moi jai ce code, et ça me met un retour a la ligne quand le texte en trop grand : 


body
{
   width: 760px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;    
   background-color: #000000;
}



#mid
{

   margin-bottom: 20px;
   padding: 5px;

   color: #990000;
   background-color: #000000;

   width: 760ox;
   height: auto;
   background-image: url("image2/back.png");
   background-repeat: no-repeat;   

   border: 0px solid white;
}
JuZa.e3b.org || No man's land, People are strange, & Jesus was a punk
Toute information doit être libre de circuler. Rien  ne doit être caché. Nous avons le droit de savoir.

   
Répondre à sonik21

4

aKuma59, le 6 déc 2008 à 23:34:54

Le problème n'est pas le texte en lui même, mes mots retourne à la ligne automatiquement.

Le problème est que si l'utilisateur entre un mot trop grand celui çi va dépasser...

   
Répondre à aKuma59

5

GreenDay-punkweapon, le 7 déc 2008 à 00:09:21
  • +1

J'ai trouver cette proprité (par contre je n'arrive pas bien à la faire marcher). Essaie et dit si ça marche

white-space
normal : le passage à la ligne est automatique (par défaut)
nowrap : pas de passage à la ligne automatique, à moins qu'une balise xHTML comme <br /> ne soit présente.
pre : le passage à la ligne se fait tel que le texte a été saisi dans le code source (comme la balise xHTML <pre>)

   
Répondre à GreenDay-punkweapon

6

Trebly3, le 28 mar 2009 à 03:02:38
  • +2

Bonsoir, je lis par hasard ce message, bien tard mais parfois les problèmes demeurent longtemps sans bonne solution

lorsque le texte devient long dans certaines traductions (russe par exemple) la césure des mots est souvent obligatoire.
Dans ce cas si l'on veut être très propre on développe un template qui tient compte des langues par groupe de langues avec un css par groupe.

Ici le paramètre adapté est "word-wrap:break-word;"

Quant a "white-space" il permet de plier le texte en générant des retours à la ligne lors de l'apparition des blancs;
Evidemment si le mot est plus long que le ligne on va dans le décor.

A+

   
Répondre à Trebly3

7

 Fygau, le 26 oct 2009 à 00:15:09

Je cherche à faire un retour à la ligne automatique dans un div
tel que l'a expliqué l'auteur de ce post.

Le paramètre "word-wrap:break-word;" est adapté pour Internet Explorer 8.0 mais pas pour la version 3.0.14 de Firefox.
Y a t'il un code qui puisse être compatible pour les 2 navigateurs pour faire un retour à la ligne automatique?

Merci de votre aide.
Fabien

   
Répondre à Fygau
Posez votre question Répondre
Ils ont besoin de votre aide