Triple Background question - Post ID...

User 2108122 Photo


Registered User
3 posts

Hello, I have been directed to the forums for a possible answer to my question. :) First I must say that I know how to do the following html to set up a triple background for my webpage
<html>
<head>
<title>Title of Your Page</title>
</head>
<body background="greenlace.jpg">
<br>
<p><center><table width="90%" cellpadding=40 cellspacing=0 border=1 background="greentex.jpg">
<tr>
<td width="100%">
<p><center><table width="100%" border=1 background="greenwav.jpg">
<tr>
<td width="100%">Your Content Goes Here
</td>
</tr>
</table>
</center>
</td>
</tr>
</table>
</center>
</body></html>
The above code works if I want to continue doing it manually :)
My problem is I have spent a few days trying to do a triple background using coffee cup html editor 2010. When I click on preview it shows the way I want the tables set up but when I add my jpg's for the backgrounds they do not show up. I have put my saved jpg's into the coffee cup html editor's graphics file thinking they needed to be there but still no luck.
The following is what I have ended with:
<?xml version="1.0" encoding="UTF-8"?>
<!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" xml:lang="en" lang="en">
<head>
<title></title>
<meta http-equiv="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)" />
<meta name="created" content="Fri, 12 Nov 2010 15:38:16 GMT" />
<meta name="description" content="" />
<meta name="keywords" content="" />
</head>
<body bgcolor="#FFFFFF" text="#000000" link="#0000FF" vlink="#800080" alink="#FF0000" background="bg-blacknwhite.jpg">
<font size=2 color="#000000" face="Arial">
<div align="center"><table width="90%" border="2" cellpadding="5" cellspacing="0" bgcolor="#000000" bg="bgblack.jpg">(I don't want the background color to be black I want to use my graphic)
<tr valign="top">
<td><font size=2 color="#000000" face="Arial">
<div><table border="2" cellpadding="20" bordercolor="#000000" cellspacing="0" bgcolor="#ffffff" bg="bgwhite.jpg">(I don't want the background color to be white I want to use my graphic)
<tr valign="top">
<td><div align"center"><img src="file://C:/graphics/welcome.jpg" width="423" height="245" alt="" title="" border="0" align="" /><br><font size="3" color="#000000" face="Arial">I wonder if I will ever get this triple border background figured out!</font></font><br />
</td>
</tr>
</table>
</div>
</font>
</td>
</tr>
</table>
</div>
</font>
</body>
</html>
I am sorry for the lenghty post. What am I missing/doing wrong? Thanks for any/all assistance with this.
User 364143 Photo


Guest
5,410 posts

Define triple background. Do you want nested containers? Ugh. Why are you using tables? This is easily accomplished using CSS.
CoffeeCup... Yeah, they are the best!
User 2108122 Photo


Registered User
3 posts

I guess you would call them "nested" because I created a graphic jpg for the backgrounds. I do not understand CSS whereas I have been with html for many moons :)
User 364143 Photo


Guest
5,410 posts

Try this.
Attachments:
CoffeeCup... Yeah, they are the best!
User 364143 Photo


Guest
5,410 posts

This one takes it a bit further.
Attachments:
CoffeeCup... Yeah, they are the best!

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.