Problème css

Fermé
warioz Messages postés 13 Date d'inscription vendredi 23 mai 2008 Statut Membre Dernière intervention 23 juillet 2008 - 23 juil. 2008 à 15:19
warioz Messages postés 13 Date d'inscription vendredi 23 mai 2008 Statut Membre Dernière intervention 23 juillet 2008 - 23 juil. 2008 à 17:26
Bonjour,
Je suis en train d'écrire un e-mail de promotion qui sera envoyer a notre base de client actuel. J'ai essayer de l'écrire en css mais ça fais longtemps que je n'avais pas programmer et j'avoue être assez perdu. Je mélange le html et le css totallement je croit et même si tout parais bien si j'ouvre mon document avec firefox explorer ou opera, lorsque je l'insère dans mon e-mail (envoyer à l'aide de outlook express) plus rien ne va. Des barres apparaissent ou il ne faut pas. Le background n'est pas respecter et les font size encore moins. Je vais donc ajouter ci-dessous le code de ce dît document et si une âme charitable pouvais me le corriger en m'expliquant les erreurs que j'ai commise se serais vraiment aimable. En vous remerciant d'avance.

Samuel

P.S Veuillez notez que je n'avais jamais vraiment pratiquer la programmation css avant et que j'ai piger des lignes de codes de certain site donc il se peux que certaine ligne de code soit incongru.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt­d">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<meta http-equiv="Content-Language" content="en-us" />
<style type="text/css" media="screen">
/* common
--------------------------------------------------*/

body {
margin: 0px;
padding: 0px;
background-color: #B5C4CD;
}
* #BodyImposter {
color: #333;
background: #B5C4CD;
width: 100%;
margin: 0px;
padding: 0px;
text-align: left;
}
h1 {
background: #fff;
font-family: Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: bold;
line-height: normal;
margin: 0em 0em 0.5em 0em;
padding: 0px;
text-align: ;
} h2 {
background: #fff;
font-family: Helvetica, Arial, sans-serif;
font-size: 15px;
font-weight: bold;
line-height: normal;
margin: 0em 0em 0.5em 0em;
padding: 0px;
text-align: left;
} h3 {
color: #0612A2;
background: #B5C4CD;
font-family: Helvetica, Arial, sans-serif;
font-size: 15px;
font-weight: bold;
line-height: normal;
margin: 0em 0em 0.5em 0em;
padding: 0px;
text-align: left;
}
h4 {
color: #0612A2;
background: #fff;
font-family: Helvetica, Arial, sans-serif;
font-size: 26px;
font-weight: bold;
line-height: normal;
margin: 0em 0em 0.5em 0em;
padding: 0px;
text-align: left;
}
</style>
</head>
<body>
<div id="BodyImposter" style="color: #666; background-color: #B5C4CD;">

<table id="Aide" cellspacing="5" cellpadding="15" width="526" align="center">

<tr>

<td style="font-family: Helvetica, Arial, sans-serif;">

<font size="-1">Vous avez des problèmes a lire se e-mail. Consultez le sur notre <a href="https://www.copicom.ca/">site web</a>.</FONT>
</td>

<table id="Contour" border=-1 summary="" align=center width=526 cellpadding="0">

<tr>
<td>
<table id="logos2" width=526 border=0 bgcolor=#FFFFFF align=center summary="">
<tr>
<td><img src="http://www.copicom.ca/samsung.jpg" width="200" height="72" alt="" border="0" /></td>
<td><img src="http://www.copicom.ca/Logo_Copicom.jpg" border="0" width="267" height="86" alt="" /></td>
</tr>
</table>
<table id="bande 1" width=526 border=0 bgcolor=#FFFFFF align=center summary="" align="center" cellspacing="0">
<tr>
<td><h3> </h3></td>
</tr>
</table>
<table id="clx" width=526 border=0 bgcolor=#FFFFFF summary="" align="center">

<tr>
<td style="font-family: Helvetica, Arial, sans-serif;">
<center><h1>
LE NOUVEAU MULTIFONCTION COULEUR DE SAMSUNG<br />
Disponible dès septembre!<br />
</center></td></tr></h1></table&g­t;

<table id="bande2" align=center width=526 border=0 bgcolor=#FFFFFF summary="">
<tr>
<td><h3> </h3></td>

</tr>
</table>
<table id="CLX-8380ND" align=center width=526 border=0 bgcolor=#FFFFFF align=center summary="" cellpading="0">

<tr>
<td>
<h4><center>CLX-8380ND</center></h4>­

</td>
</tr>
</table>




<table id="clx_desc" width=526 align=center border=0 bgcolor=#FFFFFF summary="" cellspacing="0">

<tr>
<td><img src="http://www.copicom.ca/clx-8380dn.JPG" border="0" width="143" height="271" alt="" /></td>

<td>
<h2 style="font-size: 15px;>Multifonction laser <font color="#FF0000">COULEUR</FONT>
<li> 40 Pages/minute <br /></li>
<li> 2 tiroirs de papier <br /></li>
<li> Processeur de documents <br /></li>
<li> Carte réseau pour impression <br /></li>
<li> Disque dur <br /></li>
<li> Numérisation couleur <br /></li>
<li> Unité recto/verso <br /></li>
<li> Fax et finisseur en option<br /></li>
<li> Cabinet de rangement</li>
</h2><br /></td>

<td width=90>
<h4 style="font-size: 30px; margin: 0px ">115$ / Mois*
</td> </tr></table></h4>

<table id="précommande" width=526 align=center border=0 bgcolor=#FFFFFF summary="" cellspacing="0">
<tr>
<td>

<h2><center>Pré-commandez votre CL-8380ND avant le 20 août 2008 et recevez une caméra numérique L-210 10,2 MPX de Samsung!!


</td>
<tr>
<td>
<div style="text-align: center"><img src="http://www.copicom.ca/L210.jpg"></div&g­t;
</td></tr>
<tr>
<td><h3> </h3></td>
</tr>
<tr>
<td><h4><center>SCX-6322DN
<h4></td></center>
</tr>
</table>
<table width=526 border=0 bgcolor=#FFFFFF align=center summary="" cellspacing="0">
<tr>
<td><img src="http://www.copicom.ca/SCX6322DN.gif" border="0" width="163" height="162" alt="" /></td>
<td> <h2 style="font-size: 15px;><b>Multifonction laser 4 en 1</b></font> <br /><br />
<ul="ul">
<li>22 Pages/minute <br /></li>
<li>1 tiroir de papier de 550 feuilles <br /></li>
<li>Processeur de documents <br /></li>
<li>Carte réseau pour impression <br /></li>
<li>Système de télécopie</li>
</ul="ul">
</h4></td></td>
<td width=94><h4 style="font-size: 30px; margin: 15px 0">39$ / Mois
</td></td>
</tr>
</table>
<table width=526 border=0 bgcolor=#FFFFFF align=center summary="" cellspacing="0">
<tr>
<td bgcolor=#B5C4CD> </td>
</tr>
</table>
<table width=526 border=0 bgcolor=#FFFFFF align=center summary="" cellspacing="0">
<tr>
<td><img src="http://www.copicom.ca/Logo_Copicom.jpg" border="0" width="245" height="84" alt="" /></td>
<td><p><h1>514-345-8732</p>
<p><font size="+2"><a href="https://www.copicom.ca/">Http://www.copicom­.ca</a></p>
<p><font size="+2"><a href="info@copicom.ca">infomtl@copicom.ca</a­></td></h1></p>
</tr>

</table>

</td>
</tr>
</table>

</body>
</html>
A voir également:

10 réponses

Irresistibledemon Messages postés 97 Date d'inscription mardi 31 mai 2005 Statut Membre Dernière intervention 3 décembre 2011 9
23 juil. 2008 à 15:53
Essaye de sortir le CSS de ta page.
tu mets tout le code CSS dans un fichier style.css
que tu vas ensuite chercher avec le chemin absolu

<link rel=stylesheet href="http://www.copicom.ca/style.css" type="text/css">
-1
warioz Messages postés 13 Date d'inscription vendredi 23 mai 2008 Statut Membre Dernière intervention 23 juillet 2008
23 juil. 2008 à 15:55
Merci pour ta réponse. Je me demande seulement si je vais pouvoir l'envoyer par e-mail quand même?
-1
Irresistibledemon Messages postés 97 Date d'inscription mardi 31 mai 2005 Statut Membre Dernière intervention 3 décembre 2011 9
23 juil. 2008 à 16:04
Le fichier css, au meme titre que les images, tu ne les envoie pas par mail
-1
warioz Messages postés 13 Date d'inscription vendredi 23 mai 2008 Statut Membre Dernière intervention 23 juillet 2008
23 juil. 2008 à 16:07
Haaaa je n'y avais pas penser !!! Merci beaucoup! Sinon pour le reste du code est-ce que tu vois des erreurs?
-1

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Irresistibledemon Messages postés 97 Date d'inscription mardi 31 mai 2005 Statut Membre Dernière intervention 3 décembre 2011 9
23 juil. 2008 à 16:11
J'ai regardé vite fait ça à l'air bon par contre, je ne sais pas si cette struture :
<h2 style="font-size: 15px;>
marche dans un email. Il faudra peut etre que tu face une classe CSS spécial.

Les mails Html, c'est toujours un peu chiant car il faut beaucoup tester
-1
warioz Messages postés 13 Date d'inscription vendredi 23 mai 2008 Statut Membre Dernière intervention 23 juillet 2008
23 juil. 2008 à 16:16
Sais tu ou je pourrais trouver de l'information sur la programmation pour des mails par hasard?
-1
Irresistibledemon Messages postés 97 Date d'inscription mardi 31 mai 2005 Statut Membre Dernière intervention 3 décembre 2011 9
23 juil. 2008 à 16:29
Vite fait, je connais 3 tutos :
https://a-pellegrini.developpez.com/tutoriels/php/mail/
http://www.toutestfacile.com/php/cours/mail_1.php5
http://wiki.mediabox.fr/tutoriaux/php/lenvoi-mail-php

Des scripts tout fait, si tu veux t'en inspirer
http://www.phpscripts-fr.net/portions/portion.php?id=23
http://www.comscripts.com/sources/php.email-html.191.html
-1
warioz Messages postés 13 Date d'inscription vendredi 23 mai 2008 Statut Membre Dernière intervention 23 juillet 2008
23 juil. 2008 à 16:35
Merci :-)
-1
Irresistibledemon Messages postés 97 Date d'inscription mardi 31 mai 2005 Statut Membre Dernière intervention 3 décembre 2011 9
23 juil. 2008 à 16:36
De rien, n'oublie pas si tu y est arrivé, de mettre le sujet en "Résolu"
-1
warioz Messages postés 13 Date d'inscription vendredi 23 mai 2008 Statut Membre Dernière intervention 23 juillet 2008
23 juil. 2008 à 16:39
Ok je test tout de suite et je te reviens!
-1
warioz Messages postés 13 Date d'inscription vendredi 23 mai 2008 Statut Membre Dernière intervention 23 juillet 2008
23 juil. 2008 à 16:43
Tout est beau sauf l'affichage de mes lignes de séparation. <td><h3> </h3></td>
-1
Irresistibledemon Messages postés 97 Date d'inscription mardi 31 mai 2005 Statut Membre Dernière intervention 3 décembre 2011 9
23 juil. 2008 à 16:45
Essaye en mettant :
<td><h3> </h3></td>
-1
warioz Messages postés 13 Date d'inscription vendredi 23 mai 2008 Statut Membre Dernière intervention 23 juillet 2008
23 juil. 2008 à 17:26
je ne comprend pas pourquoi mais ma feuille html ne veux pas tenir compte de mes spécifications pour se qui est de mes font-size....
-1