PDA

View Full Version : Turning an image into a background?


darkchicken101
09-01-2006, 04:28 PM
OK, first off, here is my code:-


<html>
<head>
<title>Untitled-3</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Untitled-3) -->
<table id="Table_01" width="801" height="600" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="7">
<img src="images/First-site_01.gif" width="800" height="7" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="7" alt=""></td>
</tr>
<tr>
<td rowspan="9">
<img src="images/First-site_02.gif" width="15" height="593" alt=""></td>
<td colspan="5">
<img src="images/Site-Name.gif" width="767" height="79" alt=""></td>
<td rowspan="9">
<img src="images/First-site_04.gif" width="18" height="593" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="79" alt=""></td>
</tr>
<tr>
<td colspan="5">
<img src="images/First-site_05.gif" width="767" height="20" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td rowspan="7">
<img src="images/First-site_06.gif" width="10" height="494" alt=""></td>
<td rowspan="2">
<img src="images/Navigation-Title.gif" width="143" height="38" alt=""></td>
<td colspan="3">
<img src="images/First-site_08.gif" width="614" height="2" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="2" alt=""></td>
</tr>
<tr>
<td rowspan="6">
<img src="images/First-site_09.gif" width="41" height="492" alt=""></td>
<td rowspan="2">
<img src="images/Random-red-thing.gif" width="563" height="37" alt=""></td>
<td rowspan="6">
<img src="images/First-site_11.gif" width="10" height="492" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="36" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/First-site_12.gif" width="143" height="5" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/First-site_13.gif" width="563" height="26" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="4" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/Navigation-thing.gif" width="143" height="427" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="22" alt=""></td>
</tr>
<tr>
<td>
<img src="images/News-et-ectera.gif" width="563" height="405" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="405" alt=""></td>
</tr>
<tr>
<td>
<img src="images/First-site_16.gif" width="143" height="24" alt=""></td>
<td>
<img src="images/First-site_17.gif" width="563" height="24" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="24" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

Ok, now, I need to edit parts of the code like this:-


td rowspan="2">
<img src="images/Random-red-thing.gif" width="563" height="37" alt=""></td>


So that instead, the image becomes the background and I can type content into the space.

+Rep for all help.
Splinter
09-01-2006, 04:39 PM
<td background="images/Random-red-thing.gif" width="563" height="37">
WRITING HERE</td>

though i dont recommend you to code a layout like this "/
darkchicken101
09-01-2006, 04:56 PM
+rep

But why don't you think I should code it like that?
Tomm
09-01-2006, 05:11 PM
<div> is the way to go :P
darkchicken101
09-01-2006, 05:27 PM
Meh... I don't know HTML and everyone on here wants pay so I'm just gonna stick with this.
nets
09-01-2006, 10:27 PM
What is not working with your HTML?

Want to hide these adverts? Register an account for free!