AccueilAideRechercherIdentifiez-vousInscrivez-vous

Bienvenue, Invité. Veuillez vous connecter ou vous inscrire.
Avez-vous perdu votre courriel d'activation?
21 Mai 2012 à 20:08:06

Connexion avec identifiant, mot de passe et durée de la session
Rechercher
    avancée

News

Stats
8763 Messages dans 1087 Fils de discussion par 1000 Membres
Dernier membre: totor 94
+  PHP Astux
|-+  NewsletTux v. 2
| |-+  NewsletTux 2 fr (fin du support)
| | |-+  Problème mise en forme HTML (FCKeditor)
Pages: [1]   Bas de page
Imprimer
Auteur Fil de discussion: Problème mise en forme HTML (FCKeditor)  (Lu 1388 fois)
DoudzZ
Néophyte
*
Messages: 6


« le: 25 Mars 2010 à 12:13:40 »

Bonjour à tous,

Depuis ce matin je me casse la tête à tout bien installer/modifier pour rendre compatible votre script (soit dit en passant est vraiment très très bien !) avec l'envoi HTML.
J'ai suivi les étapes de votre tutoriel et tout fonctionne normalement.

Mon problème viens de la "mise en forme" que FCKeditor effectue. Il transforme mon code...
Je souhaite faire un email vraiment très simple du type :

- Lien vers la newsletter si problème d'affichage
- Une image coupée en plusieurs, les unes en dessous des autres (pour que ça soit moins lourd à afficher)
- Le texte de désinscription

Donc un mail vraiment tout ce qui a de plus basique. Mon problème est que au lieu de m'afficher les images les unes en dessous des autres, ça me les affiches en "bazar", le lien avec une image a coté, deux images côte à côte en dessous, et le dernier morceau d'image en dessous de tout ça.
Ce qui rend bien évidement l'image finale totalement illisible...

Avez-vous une solution pour mon problème s'il vous plait ?
Merci d'avance pour votre réponse !
Journalisée
Matthieu
Administrateur
Membre Héroïque
*
Sexe: Homme
Messages: 3461


Unreal Power...


WWW
« Répondre #1 le: 25 Mars 2010 à 16:55:38 »

Vu comme ça, il est difficile de répondre. Dans l'idéal, il faudrait que tu montres 3 codes, qqch comme "avant/pendant/après" :

1) le code que tu insères dans FCK Editor

2) le code tel qu'il est enregistré dans la base de données (donc après traitement)

3) le code source du mail reçu

De façon à voir où se situe le problème. Théoriquement, les étapes 2) et 3) doivent être très proches. Mais j'ai surtout besoin d'identifier le delta entre 1) et 2)
Journalisée

DoudzZ
Néophyte
*
Messages: 6


« Répondre #2 le: 25 Mars 2010 à 19:58:16 »

En fait ce que je ne comprends pas, c'est que lorsque je met le code source en html et que je reclic sur source, ça m'affiche vraiment ce que je souhaite faire apparaitre dans l'email.
Mais lorsque je fais une prévisualisation c'est tout "cassé"...  Pleurs
Journalisée
Matthieu
Administrateur
Membre Héroïque
*
Sexe: Homme
Messages: 3461


Unreal Power...


WWW
« Répondre #3 le: 26 Mars 2010 à 16:30:13 »

As-tu bien mis en commentaire la ligne contenant un nl2br comme marqué dans le tuto ?

peux-tu montrer des exemples de code source ?
Journalisée

DoudzZ
Néophyte
*
Messages: 6


« Répondre #4 le: 06 Avril 2010 à 15:39:40 »

Bonjour,

Pardon pour la réponse tardive.

Oui j'ai tout fait dans votre tuto.

Voici le code que je souhaite mettre :

Code:
<body leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" bgcolor="#ffffff" marginheight="0" marginwidth="0">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
  <tr>
    <td><div align="center">
        <p class="Style13"><a href="#">Si vous avez des difficultés pour visualiser ce message, suivez ce lien</a></p>
    </div></td>
  </tr>
    <tr>
        <td align="center">
<img src="image1" />
<img src="image2" />
<img src="image3" />
<img src="image4" />
           
              </tr>
              <tr>

                <td width="590"><div align="justify">
                    <p class="Style13"><span class="Style19 Style13"><br>
                      Ce message a été envoyé à l'adresse suivante... etc.</span><br>

                    </p>
                 
                </div></td>
              </tr>
      </table></td>
  </tr>
</table>
</body>

Merci d'avance Sourire
Journalisée
Matthieu
Administrateur
Membre Héroïque
*
Sexe: Homme
Messages: 3461


Unreal Power...


WWW
« Répondre #5 le: 06 Avril 2010 à 20:13:21 »

Ok, ça c'est le code source initial. Donc je présume que tu cliques sur "toggle FCK Editor" pour passer du formulaire avec mise en forme à une simple zone de texte où tu colles ton code.
Et ensuite ? Peux-tu me donner le même code tel qu'il est enregistré en base de données ?
Journalisée

DoudzZ
Néophyte
*
Messages: 6


« Répondre #6 le: 07 Avril 2010 à 10:15:54 »

Voici :

Code:
<table width="100%" cellspacing="0" cellpadding="0" border="0">   <tbody><tr>     <td><div align="center"><p class="Style13"><a href="#">Si vous avez des difficultés pour visualiser ce message, suivez ce lien</a></p></div></td>   </tr>     <tr>         <td align="center"><img src="image1" alt="" /> <img src="image2" alt="" /> <img src="image3" alt="" /> <img src="image4" alt="" /></td></tr>               <tr>                  <td width="590"><div align="justify"><p class="Style13"><span class="Style19 Style13">                       Ce message a été envoyé à l'adresse suivante etc...</span></p></div></td>               </tr>       </tbody></table>
Journalisée
DoudzZ
Néophyte
*
Messages: 6


« Répondre #7 le: 07 Avril 2010 à 10:37:57 »

J'ai essayé avec un code bien plus simple :

Code:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Studio-PAO</title>
<style type="text/css">
a img     { border: none }
img        { display:block; margin: 0 }
.Style13 {font-size: 10px; color: #393939}
body,td,th {
font-family: Arial, Helvetica, sans-serif;
color: #999999;
}
a:link {
color: #393939;
}
</style>
</head><body>
        <div style="text-align:center;"><p class="Style13"><a href="#">Si vous avez des difficultés pour visualiser ce message, suivez ce lien</a></p>

<a href="#"><img src="image1" />
<img src="image2" />
<img src="image3" />
<img src="image4" /></a>

        <p class="Style13">Ce message a été envoyé à l'adresse suivante etc...</p></div>
</body>
</html>

Une fois cliqué sur prévisualiser ça m'affiche :

Code:
<div style="text-align: center;"><p class="Style13"><a href="#">Si vous avez des difficultés pour visualiser ce message, suivez ce lien</a></p>  <a href="#"><img src="image1" alt="" /> <img src="image2" alt="" /> <img src="image3" alt="" /> <img src="image4" alt="" /></a>          <p class="Style13">Ce message a été envoyé à l'adresse suivante etc.</p></div>

Ça ne prends donc pas en compte le css ?  Pleurs
Car mes images en lien on un gros contour bleu bien laid alors que j'ai mis "a img     { border: none }"...

Merci d'avance Clin d'oeil
Journalisée
Matthieu
Administrateur
Membre Héroïque
*
Sexe: Homme
Messages: 3461


Unreal Power...


WWW
« Répondre #8 le: 07 Avril 2010 à 13:07:57 »

le mailing est assez particulier : il faut faire de l'HTML (et non de l'XHTML) et du "bas de gamme", c.à.d. éviter autant que possible les classes CSS, tous les webmails ne savent pas les restituer.

sur ton image, tu peux ajouter border="0" pour supprimer les bordures du lien.

De même, pas de Doctype et une balise <html> simple.
Journalisée

DoudzZ
Néophyte
*
Messages: 6


« Répondre #9 le: 08 Avril 2010 à 10:51:25 »

Ah d'accords...

Donc pour afficher un lien en haut, 4 images les unes en dessous des autres et du texte en dessous, le tout centré en html "basique" ça donnerais quoi s'il vous plait ?
Je connais que très peu ce langage et apprends avec ce que je trouve sur le net :/

Merci d'avance à vous
Journalisée
Matthieu
Administrateur
Membre Héroïque
*
Sexe: Homme
Messages: 3461


Unreal Power...


WWW
« Répondre #10 le: 08 Avril 2010 à 20:04:16 »

prends un éditeur HTML - même dreamweaver en version demo - et fais-le "normalement". Pense juste à mettre un doctype HTML 4.01 (strict ou transitional peu importe) et une fois le mail créé, retire, dans le code source, cette ligne du doctype si elle est présente de façon à ce que le code commence par <html>

C'est étonnant ce que tu rapportes parce que le code enregistré dans  la base semble correct pourtant. Possible de voir le code source reçu d'un email ?

(ou bien inscris mon email test : newslettux ~@~ php-astux.info, je le verrai directement)
Journalisée

Pages: [1]   Haut de page
Imprimer
Aller à:  

Powered by SMF 1.1.16 | SMF © 2011, Simple Machines
Amber design by Bloc | XHTML | CSS