Im such an HTML newb :(

Fade2Grey · January 19th, 2003, 09:02 PM

I made myself a nice lower border thing... all i want to do it put it in a table row, theres 3 parts...

The background of the row... "lower.gif"

The left image... "lowerleft.gif"

The right image... "lowerright.gif"

What happens is the background sticks out from each of the two images on either side a little, and it looks ugly. You can see what i mean here.

And this is my code...

Code:

<HTML>

<HEAD>
<TITLE>Fade2Grey</TITLE>
</HEAD>

<BODY>
<CENTER>
<TABLE CELLPADDING=0 CELLSPACING=0 WIDTH=800>
 <TR>
  <TD BACKGROUND="images/lower.gif">
   <IMG SRC="images/lowerleft.gif" BORDER=0 ALIGN=LEFT>
   <IMG SRC="images/lowerright.gif" BORDER=0 ALIGN=RIGHT>
  </TD>
 </TR>
</TABLE>
</BODY>

</HTML>

Anyone know whats up?

Sorry if this question is rediculously easy, heh.

Thanks.

~Fade2Grey

iNeb · January 19th, 2003, 09:13 PM

Do this

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" bottommargin="0">

VHockey86 · January 19th, 2003, 09:14 PM

is 800 pixels the exact width of all the images combined?
Try setting the table width to a %
If that doesnt work the esaiest thing to do would be to make them all one image instead of 3 parts...

Fade2Grey · January 19th, 2003, 09:20 PM

Okies, ive done it in 3 parts because im not exactly sure what width i would like to have this at. To make it simple for now ill set the width to "100%".

The margin business didnt do anything.

You can see what it looks like with width set at 100% here.

My code is here...

Code:

<HTML>

<HEAD>
<TITLE>Fade2Grey</TITLE>
</HEAD>

<BODY>
<CENTER>
<TABLE CELLPADDING=0 CELLSPACING=0 WIDTH=100%>
 <TR>
  <TD BACKGROUND="images/lower.gif">
   <IMG SRC="images/lowerleft.gif" BORDER=0 ALIGN=LEFT>
   <IMG SRC="images/lowerright.gif" BORDER=0 ALIGN=RIGHT>
  </TD>
 </TR>
</TABLE>
</BODY>

</HTML>

Hmm..

~Fade2Grey

iNeb · January 19th, 2003, 09:22 PM

Now try the margins. It WILL work

Fade2Grey · January 19th, 2003, 09:23 PM

Quote:

Originally posted by iNeb
Do this

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" bottommargin="0">

I added it and you can see what happens here. It doesnt help the problem, although when i fix it, that will make the thing look nicer

iNeb · January 19th, 2003, 09:27 PM

Here

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" bottommargin="0">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="46">
  <tr>
    <td BACKGROUND="images/lowerleft.gif" width="162">&nbsp;</td>
    <td BACKGROUND="images/lower.gif">&nbsp;</td>
    <td BACKGROUND="images/lowerleft.gif" width="163">&nbsp;</td>
  </tr>
</table>
</body>
</html>

Fade2Grey · January 19th, 2003, 09:37 PM

Im not sure if youre just having random guesses at whats the problem, but that code generates a page that looks like this. Kinda messed up.

iNeb · January 19th, 2003, 09:43 PM

Sorry, messed up the code

I edited it

vass0922 · January 19th, 2003, 09:49 PM

http://xepher.net/~midnightmf/dii/index2.html looks good in Opera 7