CSS pour tinyMCE

ambulance69 · 26/04/2009 02:02:52

j'ai suivi les instruction données ici:
http://forum.prositif.com/viewtopic.php?id=279
Mes styles apparaissent bien dans l'éditeur, et sont fonctionnels mais, une fois enregistré la page, quand j'affiche la page, tout est en noir...
http://ambulances69.franceserv.com/faq.html
dans l'éditeur, dans les phrases sont affichées dans la bonne couleur....
voici le fichier source de la page (j'y connais rien....):
<h1>Questions courantes<br /></h1><p class="vert">ceci est écrit en vert</p><p><span class="rouge">ceci est écrit en rouge</span><br /></p>
merci de votre aide.

Pb sous zite et zite+

le css peut servir:
.rouge
{
font-weight: bold;
color: red;
}

.vert
{
color: green;
}

c'est simple mais c'est pour les test...

Dernière modification par ambulance69 (26/04/2009 02:16:30)

Guillaume · 26/04/2009 15:38:06

Bonjour,

Et en mettant :
p.rouge {
...
}

et p.vert { ... }

est-ce que ça change quelque chose ?

jpg · 26/04/2009 16:29:31

Ta feuille de style (le css) tu l'a mise ou ?
Quand on regarde le source de ta page, on voit ceci (en résumant un peu)
<title>Questions courantes Ambulance69</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
En gros cela indiques que tu utilises un css nommé style.css (le fichier standard en principe)
Mais est-ce que tes déclaration "rouge" et "vert" se trouve dans ce css ou dans un autre à part?
Dans ce dernier cas, il faut rajouter (dans ton template) cette deuxième feuille de style.

a+
Jean-paul

piemchien · 26/04/2009 19:57:13

Bonjour,

Ta couleur devrait être en hexa non?

#FF0000 pour du rouge par exemple

Et n'oublie pas de vider le cache pour les essais de CSS, sinon, les nouveaux règlages ne se voient pas.

Pierre

ambulance69 · 26/04/2009 20:34:47

Merci pour vos réponses!!
La réponse de jpg est la solution!
J'ai créé un tinymce.css spécifique pour tinyMCE placé à la racine du site, mais effectivement, ni dans le template ni dans le style.css je reprennais le tinymce.css
Ne sachant pas le faire dans le template, j'ai copié le tinymce.css dans le style.css et ça marche!
Bon c'est du temporaire, car je voudrais bien savoir comment on rajoute une feuille de style dans le template afin d'avoir à éviter de faire des copier/coller à chaque modif!
Merci!

mapaje · 26/04/2009 21:35:12

bsr

En haut de ta feuille de style style css, tu rajoutes: @import url("nom de ta seconde feuille de style".css); mets les dans le même répertoire. Ou alors tu rajoutes dans le template en dessous du premier appel au fichier css qui doit avoir cette forme:
<link href="style.css" rel="stylesheet" type="text/css" />
donc tu rajoutes:
<link href="chemin vers ta seconde feuille de style".css" rel="stylesheet" type="text/css" /> en faisant attention si elle n'est pas dans le même répertoire d'ajouter le nom du répertoire dans lequel elle se trouve ce qui donnerait: <link href="nom répertoire/nom feuille de style.css" rel="stylesheet" type="text/css" />
A+
JP

ambulance69 · 27/04/2009 06:44:14

Merci!
J'ai utilisé @import url...
Bonne journée

Forum ZitePLUS

#1 26/04/2009 02:02:52

CSS pour tinyMCE

#2 26/04/2009 15:38:06

Re : CSS pour tinyMCE

#3 26/04/2009 16:29:31

Re : CSS pour tinyMCE

#4 26/04/2009 19:57:13

Re : CSS pour tinyMCE

#5 26/04/2009 20:34:47

Re : CSS pour tinyMCE

#6 26/04/2009 21:35:12

Re : CSS pour tinyMCE

#7 27/04/2009 06:44:14

Re : CSS pour tinyMCE

Pied de page des forums