Newsletter in html

**ValeFM** · 01-12-2010, 17:12

Ho creato una newsletter usando HTML/CSS, non mi sembra che ci siano errori però quando la invio non carica le immagini di sfondo. Come posso risolvere?

Posto anche il codice magari trovate qualche errore

codice:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"></head>
<title>FM.it Newsletter Novembre 2010</title>
<style type="text/css">
body{
	margin-top:177px;
	background:#051d30 url(http://www.football-manager.it/newsl...mages/back.jpg) no-repeat 50% 0;
	margin-bottom:100px;
	
	}
#content{
width:600px;
min-height:600px;
background-color:#fff;
margin:0;
background-color: #f9f9f9;
padding: 10px;
-moz-border-radius: 15px;
border-radius: 15px;
}
p{
font-size:11px;
font-family:"Lucida Grande", sans-serif;
text-align:justify;
}
a{
	font-family:Arial, Helvetica, sans-serif;
color:#0c61a3;
font-size:11px;
text-decoration:none;
}
a:hover{
	font-family:Arial, Helvetica, sans-serif;
color:#0872c4;
font-size:11px;
text-decoration:none;
}
#news1{
width:600px; 
height:295px; 
background:transparent url('http://www.football-manager.it/forum/uploads/79340e0d945f2d2c9267f235829a55a3.jpg') no-repeat 0 0;
border-radius: 15px 15px 0px 0px;
-moz-border-radius: 15px 15px 0px 0px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
}
#news2{
width:600px; 
height:295px; 
background:transparent url(http://www.football-manager.it/forum...d68d17021e.jpg) no-repeat 0 0;

}
#news3{
width:600px; 
height:295px; 
background:transparent url(http://www.football-manager.it/forum...4ebd72e290.jpg) no-repeat 0 0;
border-radius: 0px 0px 15px 15px;
-moz-border-radius: 0px 0px 15px 15px;
-webkit-border-bottom-left-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
}
.newscont{
background: url(http://www.football-manager.it/forum...mit/bgnews.png);
height:90px;
width:580px;
padding:10px;
line-height: 1em;
text-align: justify;
top: 372px;
position:absolute;


}
.newscont:hover{
background: url(http://www.football-manager.it/newsl...images/bg2.png);
height:90px;
width:580px;
padding:10px;
line-height: 1em;
text-align: justify;
top: 372px;
position:absolute;
}
.newscont2{
background: url(http://www.football-manager.it/forum...mit/bgnews.png);
height:90px;
width:580px;
padding:10px;
line-height: 1em;
text-align: justify;
top: 667px;
position:absolute;
}
.newscont2:hover{
background: url(http://www.football-manager.it/newsl...images/bg2.png);
height:90px;
width:580px;
padding:10px;
line-height: 1em;
text-align: justify;
top: 667px;
position:absolute;
}
.newscont3{
background: url(http://www.football-manager.it/forum...mit/bgnews.png);
height:90px;
width:580px;
padding:10px;
line-height: 1em;
text-align: justify;
top: 962px;
position:absolute;
border-radius: 0px 0px 15px 15px;
-moz-border-radius: 0px 0px 15px 15px;
-webkit-border-bottom-left-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
}
.newscont3:hover{
background: url(http://www.football-manager.it/newsl...images/bg2.png);
height:90px;
width:580px;
padding:10px;
line-height: 1em;
text-align: justify;
top: 962px;
position:absolute;
border-radius: 0px 0px 15px 15px;
-moz-border-radius: 0px 0px 15px 15px;
-webkit-border-bottom-left-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
}
a.newstitle:link{
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-size:20px;
font-weight:bold;
text-decoration:none;
}

a.newstitle:visited{
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-size:20px;
font-weight:bold;
text-decoration:none;
}
a.newstitle:hover{
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-size:20px;
font-weight:bold;
text-decoration:none;
}
.newstext{
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
float:left;
width:91%;
margin-top:5px;
color:#cfcfcf;
}
.arrow{
background:transparent url(http://www.football-manager.it/newsl...ages/arrow.png) no-repeat;
width:30px;
height:47px;
float:right;
    display:block;
    text-indent:-9999px;
	
}
.arrow:hover{
	background:transparent url(http://www.football-manager.it/newsl...ages/arrow.png) no-repeat;
			background-position: 0 -47px;
			width:30px;
height:47px;
float:right;
   display:block;
    text-indent:-9999px;

	}
.linksutili{
background:#202121 url(http://www.football-manager.it/newsl...ages/links.jpg) no-repeat 50% 0;
	border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
height:270px;
width:600px;
margin-top:10px;
}
.links{
	color:#fff;
	text-decoration:none;
	}
.colone{
	width:25%;
	float:left;
	padding-left:15px;

	}
.coltwo{
	width:25%;
	float:left;
	padding-left:15px;

	}
	.colthree{
		font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
	width:40%;
	float:left;
	padding:0px 15px 15px 15px;
	text-align:justify;
	}
	h1{
		font-family:Lucida Grande, sans-serif;
		font-size:15px;
		font-weight:bold;
		color:#fff;
		text-align:left;
	}
	
ul{
	margin: 10px 0; padding: 0;
	list-style: none;
}
ul li {
	border-top: 1px solid #333;
	border-bottom: 1px solid #111;
}
ul li:first-child {border-top: none;}
ul li:last-child {border-bottom: none;}
ul li a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
	padding: 10px;
	display: block;
	color: #fff;
	text-decoration: none;
}
ul li a:hover {
background: #111;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #fff;
}
</style>
</head>

<body>
<div align='center'>
<div id='content'>
<div id='news1'><div class='newscont'>Ricominciamo<div class='newstext'>Come promesso eccoci qua, ce l'abbiamo fatta! Il restyling Ã¨ definitivamente completato, la nostra cara e ormai "dimenticata" home Ã¨ tornata al suo posto, piÃ¹ bella che mai! In contemporanea con l'uscita ufficiale di FM 2011, noi siamo quasi pronti. E voi? Ci manca solo un piccolissimo tassello, un nuovo server dedicato che farÃ  viaggiare la community a ritmi altissimi, ultimo passaggio che passerÃ  quasi inosservato di cui...</div><div>Leggi tutto!</div></div></div>
<div id='news2'><div class='newscont2'>Patch 11.1.0<div class='newstext'>La Sigames ha annunciato l'uscita della Patch 11.1.1 di Football Manager 2011. Le persone che acquistano e scaricano la loro copia su Steam o quelle che attivano il loro gioco su Steam non devono preoccuparsi della patch perchÃ© sarÃ  attivata automaticamente. Dettagli della patch: Ã¨ altamente raccomandato scaricare la patch per poter vivere un'ottima esperienza di gioco col nuovo Football Manager 2011...</div><div>Leggi tutto!</div></div></div>
<div id='news3'><div class='newscont3'>L'Area tecnica di FM.it si rinnova!<div class='newstext'>Una nuova stagione manageriale Ã¨ alle porte e come ogni anno, milioni di manager scalpitano nell'attesa di potersi confrontare con Football Manager 2011. Come ogni anno, lo staff di FM.it cerca di rendere le cose ancora piÃ¹ interessanti, proponendovi nuove iniziative, o potenziando e migliorando vecchie idee. In concomitanza con l'uscita del gioco, lo staff Ã¨ lieto di presentarvi le nuove versioni della sezione Osserv...</div><div>Leggi tutto!</div></div></div>
<div class='linksutili'>
<div class='colone'>
<ul>[*]Football Manager 2011[*]Carriere[*]TotoPronostico[*]Bar Sport[*]FantaCalcio[*]Live Community[*]Richieste Grafiche[/list]
</div>
<div class='coltwo'>
<ul>[*]Patchs[*]Database[*]Kits[*]Loghi[*]Skins[*]Facepacks[*]Tattiche &amp; Allenamenti[/list]
</div>
<div class='colthree'>
<h1>Per disdire la newsletter...</h1>
Come cancellarsi dalla newsletter: Vai nelle tue impostazioni di notifica e assicurarsi che la casella 'Inviami tutte le email inviate dall'amministratore' non sia selezionata e salvare le modifiche. Non ricordi i dati per il login? Usa questo modulo per recuperarli.
<h1>Main Sponsor &amp; Main Partner</h1>

</div>
</div>
</div>
</div>
</body>
</html>

**ricman** · 02-12-2010, 11:38

Se guardi un post uguale al tuo su questo forum di un paio di giorni fa trovi la risposta

Discussione: Newsletter in html

Strumenti discussione

Ricerca discussione

Visualizza

Newsletter in html

Permessi di invio