[Résolu] Comment couper une chaine de caractères sans espace ?

Bonjour,

J'ai le même problème qu'évoquer dans une conversation qui a été close à ce sujet : je voudrais couper une chaine de caractère sans espace : l'email.

Dans mon cas j'ai un tableau avec 2 cellules bien dimensionnées :

dans la première cellule, je mets une liste d'éléments (j'utilise des <br> et non <ul><li>..d'ailleurs cela ne change rien au problème) qui se présente telle quelle :

Nom : blalbla
Prénom : blabla
Email : test@test.fr

Le problème est que pour l'email qui est une chaine de caractères sans espace, au lieu d'aller jusqu'au padding de la bordure de cellule et d'aller ensuite à la ligne, c'est tout l'email qui va à la ligne et s'il est très long, cela étend la largeur de ma cellule définie en pixel.

Voilà le rendu que j'ai :

Email :
sdfhdsjklfhsjkfsdjkfhsdf@sdfnsfksd.fr

Voilà ce que je voudrais avoir :

Email : sdfhdsjklfhsjkfsdjkfhsdf@sdfn
sfksd.fr

Merci pour votre réponse
Modifié par louloute8091 (21 May 2007 - 10:07)

Bonjour.

Personnellement je ne connais pas de solutions pour ce que tu veux faire en CSS mais tu peux toujours utiliser "overflow: auto" pour provoquer la création d'une barre de défilement.

Ah oui j'ai mal lu. Autant pour moi.

Excuse moi Florent mais je ne visualise pas ta solution numéro 2 : je ne vois que l'ascenseur de l'image...

Merci !! J'aimerai bien tester les 2 solutions

louloute8091 a écrit :
Excuse moi Florent mais je ne visualise pas ta solution numéro 2 : je ne vois que l'ascenseur de l'image...

Pour ma part, j'ai du mal à visualiser (pardon, saisir !) ta réponse...

Tu n'arrives pas à lire le code source posté ?

<a href="mailto:nom@domaine.com" title="e-mail de Machin">
	<img src="..." alt="e-mail" />
</a>

Tu n'arrives pas à visualiser ce à quoi ça peut ressembler ? Eh bien, ça ressemblera à peu près au bouton « e-mail » en bas de chacun de mes messages sur ce forum.

a écrit :
louloute8091 a écrit :
Excuse moi Florent mais je ne visualise pas ta solution numéro 2 : je ne vois que l'ascenseur de l'image...

et florent v.
Pour ma part, j'ai du mal à visualiser (pardon, saisir !) ta réponse...

ben oui quoi c'est un classique de la visualistion des lignes longues de ce site sous ie6 :

un code de 1 ligne trop long est caché par le scroll vertical et horizontal qui apparait.

seule solution pour le lecteur :selectionner le code et le copier/coller
dans son editeur.

pour le redacteur inserer un retour chariot avant le [/code]
Modifié par CPascal (18 May 2007 - 22:26)

Effectivement j'utilise IE6 au boulot mais je me suis installée Firefox comme ça c'est bon !

Merci je vais plutôt utiliser la solution avec les <span> qui correspond plus à ce que je recherche !

Merci pour votre aide