Turning an image into a background?

darkchicken101 · 09-01-2006, 04:28 PM

OK, first off, here is my code:-

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:-

Code:

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

HTML Code:

<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

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?

Thread: Turning an image into a background?

Thread Tools

Turning an image into a background?

Posting Permissions