Subject:
|
Problem with this code
|
Newsgroups:
|
lugnet.publish
|
Date:
|
Wed, 29 Sep 1999 05:12:03 GMT
|
Viewed:
|
445 times
|
| |
|
|
OK, I am trying to make a template page for my site. The basic layout is
a 640x800 table with three rows and three columns. The top row is a
colspan="3", as is the third row. The second row contains three cells
across.
The top row contains an image(s) that takes up the entire cell. The third
row is the same as the first row, as it too contains only an image equal in
size to the cell.
Now the second row:
The first cell contains an image(s) equal to the size of the cell. The
second cell over will contain the main text and images of the page. The
last cell is empty and is only there to frame the middle cell on all sides.
So if you are still reading... I can't seem to get the images to fit
together tightly. There seems to be a gap (border or whatever) under? each
image. This can be seen if you open this code. I don't know how to get the
table to fit together without these seams :(
Is there some way to remove these gaps? Does it have something to do with
the column spanning of the top and bottom rows? Can anyone suggest one Web
authoring resource on the web that I might look to first before coming to
this group? My "trial and error <slash> osmosis" learning technique is too
inefficient :)
Thanks,
LINC
PS if you see any coding improvements let me know so that I can fix my
habits.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<TITLE>
Linc's LEGO Notebook: Table of Contents
</TITLE>
<META NAME="GENERATOR" CONTENT="Arachnophilia 3.9">
<META NAME="FORMATTER" CONTENT="Arachnophilia 3.9">
</HEAD>
<BODY BACKGROUND="" BGCOLOR="#0080c0" TEXT="#000000" LINK="#ff8000"
VLINK="#ffff00" ALINK="#ffffff">
<CENTER>
<TABLE border="0" width="640" height="800" cellspacing="0"
cellpadding="0" Background="paper.gif" bgcolor="#0080c0">
<TR>
<TD colspan="3" border="0" WIDTH="640" HEIGHT="25" BGCOLOR="#0080c0">
<IMG SRC="paper_edge_top.gif" WIDTH="640" HEIGHT="25" ALT="top edge of
page border">
</TD>
</TR>
<TR>
<TD valign="middle" align="center" border="0" WIDTH="60" HEIGHT="750">
<IMG SRC="paper_edge_left.gif" WIDTH="60" HEIGHT="750" ALT="left edge
of page border">
</TD>
<TD valign="middle" align="center" border="0" width="520" height="750">
<!-- Main text of page -->
</TD>
<TD valign="middle" align="center" border="0" width="60" height="750">
<!-- Empty cell -->
</TD>
</TR>
<TR>
<TD colspan="3" valign="middle" align="center" border="0" width="640"
height="25">
<IMG SRC="paper_edge_bottom.gif" WIDTH="640" HEIGHT="25" ALT="bottom
edge of page border">
</TD>
</TR>
</TABLE>
</CENTER>
</BODY>
</HTML>
|
|
Message has 2 Replies:
 | | Re: Problem with this code
|
| (...) to (...) BGCOLOR="#0080c0"> (...) edge (...) The problem is the spaces and line breaks before and after the image. Change the above lines to the following and do the same for the other images: <TR> <TD colspan="3" border="0" WIDTH="640" (...) (25 years ago, 29-Sep-99, to lugnet.publish)
|
7 Messages in This Thread:
  
- Entire Thread on One Page:
- Nested:
All | Brief | Compact | Dots
Linear:
All | Brief | Compact
|
|
|
|
