IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Retour à la ligne dans un Div


Sujet :

Tableau en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Janvier 2008
    Messages
    13
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2008
    Messages : 13
    Par défaut Retour à la ligne dans un Div
    Bonjour à tous,

    j'ai une balise div sur ma page dans laquelle je doit ecrire une chaine de caracteres.
    Je voudrai qu'il y ai un retour à la ligne automatique, mais SANS les scrolls, pensez vous que c'est possible en CSS ?

    Voici ma feuille de style pour le div:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    .case_supervision {
    	width:180px;
    	height:33px;
    	vertical-align:middle;
    	font-size: 12pt;
    	color: #FFFFFF;
    	font-family: "Courier New", Courier, monospace;
    	display:block;
    	overflow:auto;
    }
    Si vous avez la moindre solution je suis prenneur !!
    Merci

  2. #2
    Membre Expert Avatar de Er3van
    Homme Profil pro
    Architecte Logiciel
    Inscrit en
    Avril 2008
    Messages
    1 430
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Architecte Logiciel
    Secteur : Industrie

    Informations forums :
    Inscription : Avril 2008
    Messages : 1 430
    Par défaut
    Je comprends pas bien...

    Est-ce que c'est ça que tu veux ?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
    .case_supervision {
    	width:180px;
    	height : 33px;
    	color: #FFFFFF;
    	font-family: "Courier New", Courier, monospace;
    	background-color : #CCCCFF ;
    	overflow : hidden ; /* pour ie FF se content de height */
    }
    Sinon explique plus clairement, car tu définis la hauteur, donc ça veut dire que le texte qui dépasse tu en fais quoi ?
    Si tu ne définis pas de hauteur, ton texte s'étendra en hauteur sans qu'il n'y ait de scroll.

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Janvier 2008
    Messages
    13
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2008
    Messages : 13
    Par défaut
    Je voulais juste qu'une chaine de caractaire de type "XXXXXX XXXXXXX" s'affiche sur deux lignes au lieu de déborder du div.
    Mais je vien de trouver une solution, en utilisant la fonction javascript
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    chaine = chaine.replace(" ","<br>");
    , qui me remplace l'espace de ma chaine de caractère par un <br>.

    Sa marche nikel !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Retour à la ligne dans div
    Par cragoroth dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 05/12/2011, 15h36
  2. retour à la ligne dans une div
    Par kahya dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 03/04/2007, 11h56
  3. xml->html : retour chariot, espaces dans un div
    Par d'Oursse dans le forum XML/XSL et SOAP
    Réponses: 9
    Dernier message: 27/04/2004, 19h13
  4. [MFC] Retour à la ligne dans un CEdit
    Par Kant dans le forum MFC
    Réponses: 7
    Dernier message: 18/02/2004, 08h58

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo