28106 sujets

CSS et mise en forme, CSS3

Bonjour,
je viens trouver souvent des solutions ici sur ce site avec des problemes de css mais aujourd'hui, je ne trouve rien alors je vous post ici mon sujet.

dans un mail avec PHPMailer, je veux mettre une image a gauche et le texte qui débute a droite de l'image. mais ca ne fonctionne pas quand le message est recu sur Outlook.

j'essaie de bien des facons sans y arriver alors voici ou j'en suis rendu. j'ai enlever le style sur l'image dans le Head pour le mettre dans un <span>.

$mail = new PHPmailer();
$mail->IsHTML(true);
$mail->CharSet = "utf-8";
$mail->From = 'info@monsite.com';
$mail->AddReplyTo('info@monsite.com');
$mail->Subject = 'Invitation au party d\'Halloween de la communauté régionale.';
 
foreach($tableau_res as $id => $info) {
    	
	$mail->AddAddress($info["courriel"], $info["pseudo"]);
 
    $mail->Body = '<html><head><style>p{font-size: larger;}.petit{font-size: 90%;}img{float: left; clear: right; margin-right: 8px;}</style></head>';
    $mail->Body.= '<body><img src="http://www.monsite.com/images/logoAnnonceHalloween.jpg">';
    $mail->Body.= '<h3>Bonjour  ' . $info["pseudo"] . ' !</h3><p> C\'est avec grand plaisir que monsite.com t\'invite au grand party d\'halloween de la communauté régionale</p>';
    $mail->Body.= '<p>Eh bien ! Ne manque pas ta chance car ca sera samedi le 31 octobre prochain que ca se passera.</p>';
    $mail->Body.= '<p>Il y aura musique et danse avec la DJ Manon  Choquette, prix pour le meilleur costume.</p>';
    $mail->Body.= '<p> Pour en savoir plus, connecte-toi sur monsite.com pour voir tous les détails et réserver ta place.</p><p>http://www.monsite.com/login.php</p>';
    $mail->Body.= '<p class="petit">Si tu as oublié ton mot de passe, clique sur <em>Mot de passe oublié </em>pour en recevoir un nouveau. n\'oublie pas de remettre ton mot de passe a toi dans ta page <strong>Modifier mon profil</strong> pour te reconnecter à nouveau.</p>';
    $mail->Body.= '<p>Attention ! Ne pas répondre directement à ce courriel, car nous ne verrons pas votre message. Pour nous contacter, utilise plutot la rubrique <strong>Contactez-nous </strong>pour nous écrire.</p></body></html>';
 
    if (!$mail->Send()) { //Teste si le return code est ok.
        echo $mail->ErrorInfo; //Affiche le message d'erreur (ATTENTION:voir section 7)
    }
    else {
        $messageSucces = '<h3>Mails envoyés avec succès !</h3>';
    }
 
}


en fait, j'ai un autre probleme au cas ou.
mon mail envoie toujours le meme nom de pseudo
Modérateur
Bonjour,

Etant donné que c'est un e-mail, j'utiliserais une bonne vieille méthode...
As-tu essayé d'ajouter sur ton image un "align:left" ?
<img src="http://www.monsite.com/images/logoAnnonceHalloween.jpg" align="left" hspace="5">


L'attribut align équivaut au float, et le hspace équivaut à un margin.

En espérant que cela fonctionne...
et bien merci Yordi !
on dirait que ton bon vieux truc y marche. je suis tres content et merci encore !