[HTML / HELP] My Extendable Content Boxes Glitch When I Edit The Propertise [HELP]

Newbie Spellweaver
Joined
Dec 16, 2007
Messages
40
Reaction score
0
Heya'

I just recently discovered how to make content boxes which can expand. I have opened my content box in Photoshop and sliced it. (5 sections:- Corners, Middle content, Left Bar, Right Bar and Top Bar). So.
When I open it in Adobe Dreamweaver CS3 its all put togther nicely. When I try to put <td> tags around the image so it can become the background image of the section in the table this happens

Stone-World - [HTML / HELP] My Extendable Content Boxes Glitch When I Edit The Propertise [HELP] - RaGEZONE Forums


It all messes up. I have tryed puttin a layer onit in PS, but still not luck. The wried thing is that for example

If i edit the 3 sections in any order the 3rd one is the one that seems to mess up (E.G: left bar, middle content, right bar (this one will mess it up).

When I open Dreamweaver this is what the content box looks like
Stone-World - [HTML / HELP] My Extendable Content Boxes Glitch When I Edit The Propertise [HELP] - RaGEZONE Forums


I really don't know what I'm doing wrong.
Sorry for big images.

P.S: Heres the soruce, it might help you out
Code:
<html>
<head>
<title>content_whole</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 (content_whole.png) -->
<table id="Table_01" width="539" height="479" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td>
			<img src="images/top_left.gif" width="5" height="5" alt=""></td>
		<td>
			<img src="images/top.gif" width="529" height="5" alt=""></td>
		<td>
			<img src="images/top_right.gif" width="5" height="5" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/left.gif" width="5" height="469" alt=""></td>
		<td>
			<img src="images/main.gif" width="529" height="469" alt=""></td>
		<td>
			<img src="images/right.gif" width="5" height="469" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/bottom_left.gif" width="5" height="5" alt=""></td>
		<td>
			<img src="images/bottom.gif" width="529" height="5" alt=""></td>
		<td>
			<img src="images/bottom_right.gif" width="5" height="5" alt=""></td>
	</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
 
Last edited:
Back