Page 1 sur 2
TinyMCE! Questions diverses
Posté : 15 nov. 2006, 23:33
par momox
Bonsoir,
je viens de commencer l'intégration de TinyMCE dans mon CMS et je suis confronté à mon tout premier problème.
Mon problème est l'alignement horizontal de l'éditeur.
J'ai essayé avec un <div align="center">, ca fonctionne, mais c'est pas valide XHTML 1.1...
Et avec un style="text-align: center;" ca ne fonctionne pas non plus...
Donc y a t'il une solution?
@+ et merci d'avance
Posté : 15 nov. 2006, 23:40
par Cyrano
Un bout de code à nous montrer ? Il n'est pas normal que le style ne fonctionne pas
Posté : 15 nov. 2006, 23:41
par Ajoloca
Bonjour,
Et avec style="margin: auto;" ?
Posté : 15 nov. 2006, 23:49
par momox
Faut que je voie ca, enfin bon, ca sera pour demain car la, la fatigue commence a se faire sentir...
@+
Posté : 16 nov. 2006, 08:30
par momox
<textarea class="profile" name="user_minibio" id="user_minibio" cols="85" rows="15">{profile.user_minibio}</textarea>
Voilal la source de mon textaera.
J'ai commencé par mettre dans le textaera même le text-align :center; mais ca n'a pas marché.
Ensuite, j'ai essayé en l'entourant d'une div contenant un style="text-align:center" mais ca n'a pas marché...
Donc je vois plus du tout ou chercher la...
Posté : 16 nov. 2006, 09:00
par Cyrano
As-tu essayé comme ceci ?
Code : Tout sélectionner
<textarea cols="25" rows="5" style="text-align: center"></textarea>
Posté : 16 nov. 2006, 10:32
par momox
Je viens d'essayer, ca ne marche pas...
@+
Posté : 16 nov. 2006, 10:39
par Cyrano
Un détail m'est apparu : tu cherches à centrer le texte dans la zone de saisie ou à centrer la zone de saisie dans l'interface ?
Posté : 16 nov. 2006, 10:46
par momox
Réponse 2 jean pierre, et c'est mon dernier mot
Posté : 16 nov. 2006, 11:01
par Cyrano
ok, alors effectivement, j'étais pas dans la bonne direction, proposition de solution dans un exemple :
Code : Tout sélectionner
<?xml version="1.0" encoding="iso-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<!-- Date de création: 16/11/2006 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" xml:lang="fr" />
<title>Centrer une zone de saisie</title>
<meta http-equiv="Content-language" content="FR-fr" xml:lang="fr" dir="ltr" />
<style type="text/css">
/* <![CDATA[ */
#monformulaire {
width: 400px;
border: 1px solid #0ff;
}
#monformulaire #zonesaisie {
text-align: center
}
/* ]]> */
</style>
</head>
<body>
<form id="monformulaire" action="#">
<fieldset id="zonesaisie" style="border: none;">
<textarea cols="25" rows="5"></textarea>
</fieldset>
</form>
</body>
</html>
le contenu du bloc fieldset identifié par "
zonesaisie" sera centré. Comme tu peux avoir plusieurs fieldset dans un formulaire, tu auras tout loisir d'aligner le reste des éléments d'une autre manière.
Posté : 16 nov. 2006, 13:45
par momox
Ca ne veut pas du tout marcher...
Je pense que je vais mettre un doctype XHTML 1.0 transitional,comme ca je pourrais mettre une div align="center" ...
Posté : 25 nov. 2006, 19:43
par Victor BRITO
Salut!
Pour mémoire, la propriété CSS text-align ne sert en aucun cas à centrer des blocs.
Morgan, essaie de déclarer une largeur à ton formulaire et applique-lui la propriété
Posté : 25 nov. 2006, 20:06
par albat
Ça marche avec IE 6 (et antérieurs), ça ?
Posté : 25 nov. 2006, 20:09
par Victor BRITO
Salut!
Ça marche avec IE 6 (et antérieurs), ça ?
En théorie, avec IE 6, oui. Pour les versions antérieures, ajoute text-align: center; et au premier bloc intérieur venu text-align: left.
Après, il faut voir comment le code (X)HTML est construit. En tout cas, avec un body qui centre le premier bloc, ça marche.
Posté : 28 nov. 2006, 12:14
par BeRoots
j'utilise aussi tinyMCE et je suis d'ailleur ravis de trouver qq1 d'autre qui l'utilise ici (il y a un autre membre mais me souvient plus du pseudo)
pour ce qui est de ton soucis, voila comment j'ai fait:
fait ton formulaire, dedans tu fait des fieldset qui te placeons ton mce dedant, enfin tu joue sur les paramètre width et height de ton js d'insertion de tinymce afin d'affiner la dimention de ce dernier (mce ce paramètre tous en js donc evite de te prendre la tête avec css)
chez moi il percisteun petit defaut de centrage sous IE mais sous les aute c'est au top (négligeable d'ailleur car moins de 5px)
j'espère que j'ai repondu à la question
en cas de soucis n'hésite pas