Problème css
warioz
Messages postés
13
Date d'inscription
Statut
Membre
Dernière intervention
-
warioz Messages postés 13 Date d'inscription Statut Membre Dernière intervention -
warioz Messages postés 13 Date d'inscription Statut Membre Dernière intervention -
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.dtd">
<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>
<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>
</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>
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.dtd">
<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>
<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>
</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:
- Problème css
- Css download - Télécharger - HTML
- Enlever le soulignement d'un lien css ✓ - Forum Réseaux sociaux
- Css ligne horizontale ✓ - Forum CSS
- Enlever le soulignage des lien. - Forum CSS
- Enlever soulignement lien css ✓ - Forum CSS
10 réponses
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">
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">
Haaaa je n'y avais pas penser !!! Merci beaucoup! Sinon pour le reste du code est-ce que tu vois des erreurs?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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
<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
Sais tu ou je pourrais trouver de l'information sur la programmation pour des mails par hasard?
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
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
