28173 sujets

CSS et mise en forme, CSS3

Pb de mail en html+css au moment de tranférer le message à quelqu'un

bonjour,
j'ai conçu un emailing en html mis en forme entièrement en css. Il fonctionne très bien sauf si on souhaite transférer le message : tous les styles disparaissent. Y a t'il un moyen d'y remédier ? merci beaucoup de vos réponses.
voici le code :
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

	<head>
		<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
		<title>OFFRE BUREAUTIQUE</title>
		<style type="text/css" media="screen"><!--body {
background: white;
font-family: Verdana, Arial, Helvetica;
font-size: 12px;
margin: 0;
padding: 0;
}

#conteneur {
position: relative;
width: 595;
margin: 0;
padding: 0;
}

#entete  { background: url("http://www.ibsformations.com/emailing/images/entete.jpg") no-repeat left top; margin: 0; padding: 0; width: 595; height: 121px; hight: 121 }

#corps {
width: 595;
height: 717;
margin: 0;
padding: 0;
background: url(http://www.ibsformations.com/emailing/images/fondbas.jpg) top left no-repeat;
}

#offre {
width: 595;
height: 161;
margin: 0;
padding: 26 45 0 45;
}
#offre img  { margin: 0 40px 0 0; padding: 0 }

#texte1   { color: black; font-size: 12px; text-align: right; margin: 0; padding: 5 45 45 0; width: 595; height: 238 }
#savoirplus  { text-align: right; margin: 0; padding: 5px 45px 0 0; width: 595; height: 155; align: right }
#savoirplus img { margin-top: 10px; margin-right: 30px }
#texte2  { color: black; font-size: 11px; font-weight: bold; text-align: center; margin: 0; padding: 0; width: 595; height: 136 }
#texte2 a {
text-decoration: none;
color: black;
}
#texte2 a:hover {
text-decoration: none;
color: #fe5815;
}
.citation {
color: #fe5815;
font-size: 10px;
}

#pied  { color: black; font-size: 9px; text-align: center; margin: 0; padding: 0; width: 595; height: 27 }
.text  { text-align: right; margin: 0 30px 10px 0; width: 332px }
--></style>
		<csscriptdict import>
			<script type="text/javascript" src="../GeneratedItems/CSScriptLib.js"></script>
		</csscriptdict>
		<csactiondict>
			<script type="text/javascript"><!--
var preloadFlag = false;
function preloadImages() {
	if (document.images) {
		pre_savoirplus_on = newImage('http://www.ibsformations.com/emailing/images/savoirplus_on.gif');
		preloadFlag = true;
	}
}

// --></script>
		</csactiondict>
	</head>

	<body onload="preloadImages();" bgcolor="#ffffff">
		<div align="center">
			<div id="conteneur">
				<div id="entete">
					&nbsp;</div>
				<div id="corps">
					<div id="offre">
						<img src="http://www.ibsformations.com/emailing/images/offre.gif" /></div>
					<div id="text1" align="right">
						<p class="text">Pour vous, Entreprise, c'est l'occasion de r&eacute;v&eacute;ler les talents de vos collaborateurs.</p>
						<p class="text">Nos formations sont totalement prises en charge selon les OPCA (Organisme Paritaire Collecteur Agr&eacute;e) et s'adressent &agrave; toutes personnes salari&eacute;s de l'entreprise.</p>
						<p class="text">Pour b&eacute;n&eacute;ficier de cet avantage, il est n&eacute;cessaire de remplir, au pr&eacute;alable, un dossier de prise en charge. Un de nos conseillers sera honor&eacute; de partager avec vous son exigence d'expertise afin de vous guider au mieux et ainsi vous faire gagner du temps.</p>
					</div>
					<div id="savoirplus"align="right">
						<a onmouseover="changeImages('savoirplus_off','http://www.ibsformations.com/emailing/images/savoirplus_on.gif');return true" onmouseout="changeImages('savoirplus_off','http://www.ibsformations.com/emailing/images/savoirplus_off.gif');return true" href="http://www.ibsformations.com" target="_blank"><img id="savoirplus_off" src="http://www.ibsformations.com/emailing/images/savoirplus_off.gif" name="savoirplus_off" border="0" /></a>
					</div>
					<div id="texte2">
						<p>Faites profiter de cette offre &agrave; vos amis, ils vous remercieront d'avoir pens&eacute; &agrave; eux.<br>
							<span class="citation">&quot;Un savoir qui n'est pas partager est un savoir perdu&quot;</span></p>
					</div>
				</div>
				<div id="pied">
					SARL au Capital Social de 10 000 euros - Siège : 3 rue de Turin 94700, Maisons Alfort - R.C.S. 453 527 129 00010 APE : 721Z</div>
			</div>
		</div>
	</body>

</html>
Administrateur
Hello,

Un grand nombre de sujets ont déjà abordé cette question sur le forum.
Je te suggère d'y puiser tes pistes de recherche Smiley cligne

Bonne chance Smiley smile
Modifié par Raphael (24 Mar 2006 - 10:09)
Sujet clos
Aller à