Forum Moderators: not2easy

Message Too Old, No Replies

newsletter background image

newsletter background image not shown

         

rigel80

9:16 am on Jun 4, 2009 (gmt 0)

10+ Year Member



I've used inline css to style my newsletter page but no way to show the background image, can anyone help me please?
here the code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>Newsletter</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</HEAD>
<BODY bgColor=#82CF21 style="margin: 0px 0px 0px 0px;color: #333333;font-family: 'Trebuchet MS', Arial, sans-serif; background: url(http://www.mysite.com/public/temi_nwsl/pict.jpg) repeat;background-color: #82CF21; font-size: 11px; ">
<div id="tot_win" style="position: absolute;top:0px;left:0px;width:100%;height:100%;z-index: 1;border:0px solid black;background-color: #82CF21; background: url(http://www.www.mysite.com/public/temi_nwsl/pict.jpg) repeat; ">
<table width="100%" border="0" cellspacing="0" cellpadding="0" BACKGROUND="http://www.mysite.com/public/temi_nwsl/pict.jpg">
<tr> <td align="center" style="font-family: 'Trebuchet MS', Arial, sans-serif; font-size: 11px; ">
<span style="font-family: 'Trebuchet MS', Arial, sans-serif; font-size: 11px;">
........

SuzyUK

9:43 pm on Jun 4, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hi rigel80 and Welcome to WebmasterWorld!

your background will not show because as far as your page is concerned there is nothing on it! ;)

<div id="tot_win" style="position: absolute;top:0px;left:0px;width:100%;height:100%;....

as soon as you Absolutely Position an element you take it out of the flow of the page and it's like it's a 'Post It' note.. it's stuck on, the actual page body does not know it exists and writing will cary on underneath it or it will be empty depending an what else is involved

thoughts.. rather than position that div you could just let it flow, and set the body height to be 100%?

rigel80

3:09 pm on Jul 2, 2009 (gmt 0)

10+ Year Member



Hi, sorry for the delay but I was on holiday....

I've removed the div tag, now the background is sent as an attachment...
thanks a lot

<html>

<head>
<title>Newsletter</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</HEAD>
<BODY background="http://www.www.mysite.com/public/temi_nwsl/pict.jpg" bgColor=#82CF21 style="margin: 0px 0px 0px 0px;color: #333333;font-family: 'Trebuchet MS', Arial, sans-serif; background: url(http://www.www.mysite.com/public/temi_nwsl/pict.jpg) repeat;background-color: #82CF21; font-size: 11px; width:100%;height:100%;">

<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0" BACKGROUND="http://www.www.mysite.com/public/temi_nwsl/pict.jpg">
<tr> <td align="center" style="font-family: 'Trebuchet MS', Arial, sans-serif; font-size: 11px; ">