Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > Contribuez
Contribuez Proposez vos articles, cours, tutoriels, questions/réponses pour les FAQ, sources et autres ressources pour la rubrique Web ainsi que ses sous-rubriques.
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 07/01/2008, 11h41   #1
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 136
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Royaume-Uni

Informations professionnelles :
Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Secteur : Industrie

Informations forums :
Inscription : mars 2002
Messages : 30 136
Points : 45 301
Points : 45 301
Par défaut [SRC] Une alternative à la césure sous Firefox

J'ai été confronté à un souci de css propriétaire IE pour la cesure des mots longs, Firefox ne reconnait pas le tex-wrap.

voici une possibilité qui n'inclut pas le tiret de césure mais permet de couper les mots à n'importe quel endroit s'appuyant sur l'utilisation d'une balise peu connue <wbr>

ce script peut bien entendu être amélioré avec par exemple une expression régulière pour placer le balises wbr plus judicieusement...

Code :
1
2
3
4
5
<div id='test' style='width:200px;height:auto;'>ljhsdfljhsdljhsljdqsfldhfhgfghfhghghhhhhhhhhhhhhhhhhhhhhjgkjkhjkjkhjkhjkhkhkhkjsdhfljsdhfljkshdflkjsdhflkjqshdflkshdflsh</div>
<script type="text/javascript">
var Obj=document.getElementById('test');
Obj.innerHTML=Obj.innerHTML.split('').join('<wbr>');
</script>
__________________
Ma page Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag


réalisations :www.planet-languages.com|www.saftair.com| www.ouestisol.fr | www.sebemex.fr | www.extramiante.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
SpaceFrog est actuellement connecté   Envoyer un message privé Réponse avec citation 00
Vieux 07/01/2008, 11h50   #2
Modérateur
 
Avatar de Bisûnûrs
 
Josselin
Développeur Web
Inscription : janvier 2004
Messages : 9 050
Détails du profil
Informations personnelles :
Nom : Josselin
Âge : 29
Localisation : France, Rhône (Rhône Alpes)

Informations professionnelles :
Activité : Développeur Web

Informations forums :
Inscription : janvier 2004
Messages : 9 050
Points : 12 181
Points : 12 181
Heu, la balise wbr est propriétaire Microsoft (même si Firefox et consors la reconnaisse) :
http://msdn2.microsoft.com/en-us/library/ms535917.aspx
et n'est plus reconnue parmi les balises W3C depuis la version 4 du HTML.
De plus elle est censée s'utiliser seulement dans la balise nobr.
Bisûnûrs est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 07/01/2008, 11h55   #3
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 136
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Royaume-Uni

Informations professionnelles :
Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Secteur : Industrie

Informations forums :
Inscription : mars 2002
Messages : 30 136
Points : 45 301
Points : 45 301
ben non si tu mets un br partout ça ne va pas coller Bisu ...

j'ai essayé avec
Code :
1
2
3
&tinsp; 
ou &hairsp;
ou *
sans succès ...
il faudrait pouvoir insérer un faux espace

semble fonctionner
__________________
Ma page Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag


réalisations :www.planet-languages.com|www.saftair.com| www.ouestisol.fr | www.sebemex.fr | www.extramiante.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
SpaceFrog est actuellement connecté   Envoyer un message privé Réponse avec citation 00
Vieux 07/01/2008, 11h57   #4
Modérateur
 
Avatar de Bisûnûrs
 
Josselin
Développeur Web
Inscription : janvier 2004
Messages : 9 050
Détails du profil
Informations personnelles :
Nom : Josselin
Âge : 29
Localisation : France, Rhône (Rhône Alpes)

Informations professionnelles :
Activité : Développeur Web

Informations forums :
Inscription : janvier 2004
Messages : 9 050
Points : 12 181
Points : 12 181
Citation:
Envoyé par SpaceFrog Voir le message
ben non si tu mets un br partout ça ne va pas coller Bisu ...
Oui, je venais d'essayer et corriger mon post précédent. ^^

Le mieux reste, je pense, l'utilisation de ​ plutôt que de wbr, au moins c'est certain que ça fonctionne sur tous les navigateurs.
Bisûnûrs est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 14h04.


 
 
 
 
Partenaires

Hébergement Web