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 :

Truncate avec CSS


Sujet :

CSS

  1. #1
    Futur Membre du Club
    Inscrit en
    Mars 2010
    Messages
    10
    Détails du profil
    Informations forums :
    Inscription : Mars 2010
    Messages : 10
    Points : 9
    Points
    9
    Par défaut Truncate avec CSS
    Slt tous.
    JE suis entrain de creer un website et je voudrais savoir s''il y a moyen de limiter le nombre des caracteres a afficher avec CSS. Merci pour votre reponse

  2. #2
    Membre habitué
    Profil pro
    DSI
    Inscrit en
    Mai 2009
    Messages
    120
    Détails du profil
    Informations personnelles :
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : DSI

    Informations forums :
    Inscription : Mai 2009
    Messages : 120
    Points : 188
    Points
    188
    Par défaut
    Bonjour,

    sous IE il existe :

    text-overflow:ellipsis;

    à placer dans le style d'un bloc, pour Firefox je ne sais pas si l'equivalent existe.

    Bonne soirée

  3. #3
    Rédacteur

    Homme Profil pro
    Responsable de projet
    Inscrit en
    Mai 2009
    Messages
    634
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France

    Informations professionnelles :
    Activité : Responsable de projet
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2009
    Messages : 634
    Points : 3 511
    Points
    3 511
    Par défaut
    Voici un lien pour permettre le même effet sous Firefox:
    Text-overflow:ellipsis en pur CSS sous Firefox

  4. #4
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 868
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 868
    Points : 16 258
    Points
    16 258
    Par défaut
    Un simple word-space:nowrap + overflow:hidden devrait largement faire l'affaire.

  5. #5
    Membre actif Avatar de Damouille
    Inscrit en
    Avril 2006
    Messages
    268
    Détails du profil
    Informations forums :
    Inscription : Avril 2006
    Messages : 268
    Points : 289
    Points
    289
    Par défaut
    Citation Envoyé par Bisûnûrs Voir le message
    Un simple word-space:nowrap + overflow:hidden devrait largement faire l'affaire.
    Oui, et pour le style un petit:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    myclass:after{content:'...'}
    IConsulting - web consultants Cambodia

Discussions similaires

  1. [html][CSS]insérer un lien avec css ?
    Par Phenomenium dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 16/01/2006, 20h14
  2. Problème de navigation réalisé avec CSS
    Par Mihai dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 18/09/2005, 18h51
  3. Probleme avec CSS
    Par Rychi dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 16/03/2005, 18h26

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