HTML Forum

**dustball** · 12-18-2009, 03:39 PM

Alright, I'm pretty much brand new in terms of coding, in HTML or CSS, but I am slowly trying to learn. So if I do something wrong or say something wrong, please bear with me.

Basically I made a site, and sliced it. Once I put it into Dreamweaver CS3, it automatically gets converted into a lot of tables, which is fine and I get that. The thing I don't know how to do is to lay text over the box where I want my messages to be.

I've asked a few people who know how to code and they really can't give me a definitive answer. One said to set the table where I want my text as my background, but when I did this, it screwed up the design pretty bad because it has a small pattern on it. And when I would type onto it, it would go into the middle of the box, not at the top where the slice/table began.

Here is a screenshot, thank you very much if you can help, this has been killing me.

http://img685.imageshack.us/img685/4833/picture2p.png

The table is selected in the screenshot.

**colbyt** · 12-18-2009, 03:44 PM

You need to post the html portion if you want someone to help help. Use the text box or php tags to keep the formatting in place.

If your image slice is nothing but a blank box you can:
1. Make it a background image and write on top of it.
2. Delete it and color the cell the same color.

**dustball** · 12-18-2009, 03:47 PM

Yeah the background has a small pattern that I would like to keep intact if possible. Here is the code for the table

<td colspan="7">
<img src="images/webtest2_15.gif" width="671" height="633" alt=""></td>

Thanks for the quick reply.

**colbyt** · 12-18-2009, 04:09 PM

I could not see the pattern. You are going to need to put the images in the background. I do that in the css file using notepad. I don't have a clue how dreamweaver does it.

BTW, I meant the entire page code from <html> to </html>.

**dustball** · 12-18-2009, 04:13 PM

Sorry about that, here is the whole code. Um.. there is a small pattern but I guess it's fine, I'll just make it black. I'm just going to need to know how to put text over it. So much harder to code than flash. :|

<html>
<head>
<title>webtest2</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<style type="text/css">

</style></head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<table id="Table_01" width="1000" height="801" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="13">
<img src="images/webtest2_01.gif" width="1000" height="63" alt=""></td>
</tr>
<tr>
<td>
<img src="images/webtest2_02.gif" width="50" height="72" alt=""></td>
<td colspan="3">
<img src="images/webtest2_03.gif" width="108" height="72" alt=""></td>
<td>
<img src="images/webtest2_04.gif" width="99" height="72" alt=""></td>
<td>
<img src="images/webtest2_05.gif" width="180" height="72" alt=""></td>
<td>
<img src="images/webtest2_06.gif" width="94" height="72" alt=""></td>
<td>
<img src="images/webtest2_07.gif" width="162" height="72" alt=""></td>
<td>
<img src="images/webtest2_08.gif" width="108" height="72" alt=""></td>
<td colspan="3">
<img src="images/webtest2_09.gif" width="131" height="72" alt=""></td>
<td>
<img src="images/webtest2_10.gif" width="68" height="72" alt=""></td>
</tr>
<tr>
<td colspan="13">
<img src="images/webtest2_11.gif" width="1000" height="25" alt=""></td>
</tr>
<tr>
<td colspan="13">
<img src="images/webtest2_12.gif" width="1000" height="7" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/webtest2_13.gif" width="149" height="633" alt=""></td>
<td>
<img src="images/webtest2_14.gif" width="6" height="633" alt=""></td>
<td colspan="7">
<img src="images/webtest2_15.gif" width="671" height="633" alt=""></td>
<td>
<img src="images/webtest2_16.gif" width="6" height="633" alt=""></td>
<td colspan="2">
<img src="images/webtest2_17.gif" width="168" height="633" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="50" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="99" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="6" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="3" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="99" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="180" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="94" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="162" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="108" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="25" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="6" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="100" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="68" height="1" alt=""></td>
</tr>
</table>

</body>
</html>

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!