PDA

View Full Version : Tables......isn't this possible?

dlee
09-07-2001, 08:37 AM
I have been fighting with this table for two days and it just won't line up for me!! When you get there you will see what I mean. Right now there is a "space" between each table the I can't get rid of :mad: I have tried everything I can think of, from all the align='s to arranging it so it is all one table, but nothing is working!

Could anyone kindly ;) point out what I am doing wrong?

http://www.designsbydolly.com/album.html

thanks,
dlee
Daniel Jackler
09-07-2001, 09:52 AM
I created your design using one table:

<html>
<head>
<title>Kile Family Photo Album</title>
</head>

<body background="http://www.designsbydolly.com/bg2.gif">

<table width="591" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td colspan="3" height="66"><img src="http://www.designsbydolly.com/topborder.gif" width="591" height="66"></td>
</tr>
<tr>
<td width="66" height="458"><img src="http://www.designsbydolly.com/lcenter.gif" width="66" height="458"></td>
<td width="459" height="458" bgcolor="#C6A5A5">
<div align="center">CONTENT TEXT GOES HERE!</div>
</td>
<td width="66" height="458"><img src="http://www.designsbydolly.com/rcenter.gif" width="66" height="458"></td>
</tr>
<tr>
<td colspan="3" height="66"><img src="http://www.designsbydolly.com/bottomborder.gif" width="591" height="66"></td>
</tr>
</table>

</body>
</html>


Try it out, that should do it.
You should do some work on the left border graphic, so it aligns with the rest of the images.

-Daniel
dlee
09-07-2001, 11:01 AM
Daniel,

Thank you!

I am not sure where my mistake was, but that is how I tried it the first time and for some reason I could not get rid of the "spaces" between the different borders. Anyway,your code did work in IE, however in Netscape the center is not the width specified. It is only as wide as the content. I use Netscape and so does the person I am designing this for, so I do need to make it work in Netscape also.

Also, I knew the left border was not going to line up correctly, :( I could tell that even the way the table was messing up before. However I wanted to get the table "together" before working on the alignment of the images. Figured no sense sweating over the borders if I wasn't going to be able to get this together in a table.

Thanks again for your help!!

dlee
Daniel Jackler
09-07-2001, 12:03 PM
I didn't even think of checking the code in Netscape...
and it did manage to screw it up "{, (the old 4.7 that is, 6.1 works fine).
Adding a transparent gif will solve this:



<html>
<head>
<title>Kile Family Photo Album</title>
</head>

<body background="http://www.designsbydolly.com/bg2.gif">

<table width="591" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td colspan="3" height="66"><img src="http://www.designsbydolly.com/topborder.gif" width="591" height="66"></td>
</tr>
<tr>
<td width="66" height="458"><img src="http://www.designsbydolly.com/lcenter.gif" width="66" height="458"></td>
<td width="459" height="458" bgcolor="#C6A5A5">
<img src="transparent_pixel.gif" width="459" height="1">
<div align="center">CONTENT TEXT GOES HERE!</div>
</td>
<td width="66" height="458"><img src="http://www.designsbydolly.com/rcenter.gif" width="66" height="458"></td>
</tr>
<tr>
<td colspan="3" height="66"><img src="http://www.designsbydolly.com/bottomborder.gif" width="591" height="66"></td>
</tr>
</table>

</body>
</html>



:)
-Daniel
dlee
09-07-2001, 03:47 PM
:o Oh Duh! I never gave that handy dandy transparent gif a thought.

Thanks again!

dlee