18041 sujets

Questions générales et questions de débutants

[Resolu]CSS non pris en compte (Dreamweaver)

Bonjour,


J'utilise Dreamweaver pour créer une newsletter (et donc j'utilise les tableaux). Le soucis est que lorsque je met dans une class un arrière plan, il ne s'affiche pas. j'ai bien relu mon code, mais pas moyen de trouver une quelconque erreur...

Voici un extrait de mon code :


<style type="text/css">

body p {
	font-family: Helvetica, sans-serif;
	text-align: left;
	font-size: 13px;
}

.logo {
	text-align: right;
}

body {
	background-image: url();
	background-repeat: no-repeat;
	background-position:center;
	margin:0px;
	padding:0px;
	text-align: left;
}

.2007{
	background-image:url(2007.jpg);
	background-repeat:no-repeat;
	text-align: left;	
}

.2008{
	background-image:url(2008.jpg);
	background-repeat:no-repeat;
	text-align: right;
}

.2009{
	background-image:url(2009.jpg);
	background-repeat:no-repeat;
}

.2010{
	background-image:url(2010.jpg);
	background-repeat:no-repeat;
}

</style>
<body>
<table style="background-image:url(footer.jpg); background-repeat:no-repeat; background-position:bottom;" width="600" border="0" cellspacing="10" cellpadding="10">
	<tr>
		<td colspan="2" bgcolor="#43607D">&nbsp;</td>
	</tr>
	<tr>
		<td width="242" height="175" class="2007"><table class="style2007" width="168" height="95" border="0">
			<tr>
				<td width="193" height="20" class="2007titre">2007</td>
			</tr>
			<tr>

Modifié par mika37 (17 Feb 2010 - 10:15)
Sinon en relisant ton code il me semble que quelque chose d'essentiel n'est pas clair pour toi : au-delà du fait que tous les logiciels de mails n'appliquent pas ou mal les styles de l'élément STYLE il faut obligatoirement que les images soient disponibles en ligne puisque si elles ne sont que sur ton poste ça ne risque pas de fonctionner ! Smiley murf

En gros ça n'est pas
<body style="background: url(monimage.jpg)">
mais 
<body style="background: url(http://www.example.com/monimage.jpg)">
bzh a écrit :
une classe ou un id ne doit pas commencer par un chiffre donc renommer .2008, .2007 et .2010.

Le nom d'une classe peut commencer par un chiffre, contrairement au nom d'un id. Smiley cligne
Effectivement, ça peut mais ne fonctionnera pas dans l'état.

J'ai trouvé ceci pour que la classe soit correctement interprété : 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<style type="text/css">
.\32 010{
color: #00CCCC;
background: #999900;
}
</style>
</head>
<body>
<div class="2010">couleur</div>
</body>
</html>


Le pourquoi du comment dans le premier commentaire de ce billet .
Bonjour,

Tout dabord, merci a tous pour la rapidité de vos réponses.
Pour revenir au sujet, ce sont les noms de class qui posaient problème comme le préconisait Bzh Smiley cligne . En effet, le fait de mettre un nom de class commençant par un chiffre (.2007) ne fonctionnait pas tandis que lorsque je met une quelconque lettre devant (ex : .i2007), ça fonctionne parfaitement Smiley biggrin .

Je me trouve maintenant devant un problème auquel je n'ai jamais été confronté : il n'y a pas d'encodage sur mes caractères donc tous les accents ne sont pas pris en compte correctement.
Dans un emailing il n'y a pas de balise meta, ni de header...juste le body et le style. Donc je ne vois pas où régler ce soucis hormis dans les paramètres de Dreamweaver...
J'ai mis l'encodage en "Europe de l'Ouest" dans Modifier>Propriétés de la page>Titre/Encodage et tous les caractères s'affichent correctement. Smiley biggrin
Sujet clos
Aller à