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

HTML Discussion :

[HTML] Faire déborder le texte d'une cellule


Sujet :

HTML

  1. #1
    Futur Membre du Club
    Profil pro
    Inscrit en
    Mars 2007
    Messages
    11
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2007
    Messages : 11
    Points : 7
    Points
    7
    Par défaut [HTML] Faire déborder le texte d'une cellule
    Bonjour,

    Je voudrait faire déborder du texte d'une cellule d'un tableau un peu comme excel quand on raccourci les collones c'est possible ?

    Merci d'avance,

  2. #2
    Futur Membre du Club
    Inscrit en
    Août 2008
    Messages
    15
    Détails du profil
    Informations forums :
    Inscription : Août 2008
    Messages : 15
    Points : 6
    Points
    6
    Par défaut peux tu faire une precision ??
    tu veux dire que tu as fait un tableau et que tu souhaites que ton texte sorte de celui ci ? je ne crois pas cela possible car tu rentres des dimensions ou tu en as par defaut cela agit comme une barriere de plus sache qu apres celon ce que tu mettras dans tes lignes ou colonnes par ex images celles ci auront un blanc du fait que tu depasse les largeurs ou longueurs apres avis a voir avec d autres plus qualifier que moi

  3. #3
    Membre émérite Avatar de HiRoN
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 035
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 035
    Points : 2 589
    Points
    2 589
    Par défaut
    Je ne pense pas non plus que cela soit possible (à vérifier).

    Si aucun style n'est définie, la cellule s'adaptera à son contenu.
    Si style="width:100px;" (par ex) et que ton contenu dépasse, il devrait aller à la ligne.

    A voir en jouant sur width & height en même temps.

    Mais personnellement (pas le temps de tester), je pense que le contenu sera tronqué ou ne fera pas attention aux taille défini dans le style appliqué sur la cellule et s'étendra en fonction du contenu.

  4. #4
    Membre éclairé Avatar de c_s_s
    Profil pro
    Inscrit en
    Juillet 2008
    Messages
    619
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juillet 2008
    Messages : 619
    Points : 747
    Points
    747
    Par défaut
    Bonjour,

    Si tu veux que le texte sorte de la cellule si ce dernier dépasse la largeur de la cellule, tu peux utiliser la propriété overflow:hidden;

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <table width="150" cellpadding="0" cellspacing="0">
      <tr>
        <td style="background:#ccc;"><div style="overflow:hidden;width:150px;white-space:nowrap;">Lorem ipsum dolor sit amet, consectetur adipisicing elit,sdf</div></td>
      </tr>
    </table>

    Bon, j'ai mis les styles directement dans le HTML, c'était pour aller plus vite, il vaut mieux éviter.

  5. #5
    Futur Membre du Club
    Profil pro
    Inscrit en
    Mars 2007
    Messages
    11
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2007
    Messages : 11
    Points : 7
    Points
    7
    Par défaut
    le texte est caché avec ton exemple alors que je voudrait qu'il s'affiche sur les cellule suivante

  6. #6
    Membre éclairé Avatar de c_s_s
    Profil pro
    Inscrit en
    Juillet 2008
    Messages
    619
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juillet 2008
    Messages : 619
    Points : 747
    Points
    747
    Par défaut
    J'ai bien une solution à te proposer mais il y a quelques contraintes :

    - il faut que tes cellules aient une largeur fixes.
    - le contenu de ta cellule qui va dépasser sera sur une seule ligne.
    - le texte qui dépasse va chevaucher le texte de la cellule suivante, ça risque de ne pas être très lisible.
    - il faut que la cellule dont le texte va dépasser soit connue à l'avance car si j'applique l'effet à toutes les cellules, ça annule l'effet.


    Un exemple : http://www.ellm.net/labo/td-excel.html

  7. #7
    Futur Membre du Club
    Profil pro
    Inscrit en
    Mars 2007
    Messages
    11
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2007
    Messages : 11
    Points : 7
    Points
    7
    Par défaut
    Génial vraiment merci c'est pile ce qui me fallait !!!!

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

Discussions similaires

  1. Faire clignoter les textes d'une cellule Excel avec Perl
    Par lauvydream dans le forum Langage
    Réponses: 4
    Dernier message: 11/06/2014, 15h06
  2. Faire clignoter le texte d'une cellule
    Par walidmikhi dans le forum Macros et VBA Excel
    Réponses: 0
    Dernier message: 27/06/2013, 15h25
  3. Faire défiler un texte dans une cellule de tableau
    Par Furius dans le forum Général JavaScript
    Réponses: 18
    Dernier message: 01/12/2005, 18h06
  4. Cacher le texte d'une cellule MSFlexGrid
    Par jacma dans le forum VB 6 et antérieur
    Réponses: 2
    Dernier message: 04/09/2005, 20h03
  5. Faire défiler un texte sur une fenêtre
    Par Crisanar dans le forum Windows
    Réponses: 15
    Dernier message: 25/11/2004, 00h05

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