Bonjour,
Je suis développeur J2EE mais j'ai un soucis CSS dont je ne vois pas la solution après avoir cherché un petit bout de temps donc je fais appel à vos connaissances !!
J'utilise tinyMCE, c'est une éditeur WYSIWYG qui permet de mettre en forme un texte via javascript à la manière de celui utilisé sur ce forum pour créer des messages.
Ce logiciel créé un flux html de ce type qui j'inclue ensuite directement dans une page jsp :
La feuille de style content.css associé à l'éditeur présente ces éléments :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr"><head> <title>Paragraphe</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><LINK rel="stylesheet" type="text/css" href="content.css" /></head><body style="font-family: Arial;font-size: 9pt;" text="black">Ceci est un exemple</body></html>
Cette feuille me pose problème car elle applique ces styles à toute ma page et pas uniquement au texte généré.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17 body,td, pre { background-color: #FFFFFF; font-family: Arial; font-size: 9pt; text-align: justify; } /* Fix for MS Office style paragraphs (MsoNormal) */ p { margin: 0; padding: 0; } /* Fix for MS Office UL lists */ ul,blockquote,ol { margin-top: 0; margin-bottom: 0; }
Afin de résoudre le problème, j'avais donc pensé à créer une nouvelle feuille de style et englober le flux de réponse dans une balise div :
content.css
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9 <div id="mma"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr"><head> <title>Paragraphe</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><LINK rel="stylesheet" type="text/css" href="content.css" /></head><body style="font-family: Arial;font-size: 9pt;" text="black">Ceci est un exemple</body></html></div>
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20 .mma p { margin: 0; padding: 0; } .mma ul,blocquote,ol { { margin-top: 0; margin-bottom: 0; } .mma td,pre,body { background-color: #FFFFFF; font-family: Arial; font-size: 9pt; text-align: justify; }
De cette manière, les styles sont appliqués uniquement dans la balise DIV et non à toute la page. MAIS .mma body ne fonctionne pas !! Ai je un moyen d'avoir accès au style du body sachant qu'il est préférable que je ne modifie pas le flux de reponse ??
Partager