home hardware prices news articles forums photos user reviews
Go Back   Tech Support Forums - TechIMO.com > PC Hardware and Tech > Webmastering and Programming
Join TechIMO for Free!
Register Blogs FAQ Members List Calendar Search Today's Posts Mark Forums Read
Reply Get bargains at  »  Dealighted.com
 
Thread Tools
Currently Active Users: 2676
Discussions: 188,384, Posts: 2,243,493, Members: 232,612
Old January 19th, 2003, 09:02 PM   Digg it!   #1 (permalink)
Member
 
Join Date: Jan 2003
Location: England
Posts: 165
Im such an HTML newb :(

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
__________________
~Fade2Grey

Fade2Grey is offline   Reply With Quote
Old January 19th, 2003, 09:13 PM     #2 (permalink)
Banned
 
Join Date: Nov 2002
Location: Seattle, WA
Posts: 3,312
Send a message via AIM to iNeb
Do this

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

iNeb is offline   Reply With Quote
Old January 19th, 2003, 09:14 PM     #3 (permalink)
Perfetc Member
 
VHockey86's Avatar
 
Join Date: Jan 2003
Location: Maryland Suburbia
Posts: 4,327
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...

VHockey86 is offline   Reply With Quote
Old January 19th, 2003, 09:20 PM     #4 (permalink)
Member
 
Join Date: Jan 2003
Location: England
Posts: 165
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
Fade2Grey is offline   Reply With Quote
Old January 19th, 2003, 09:22 PM     #5 (permalink)
Banned
 
Join Date: Nov 2002
Location: Seattle, WA
Posts: 3,312
Send a message via AIM to iNeb
Now try the margins. It WILL work
iNeb is offline   Reply With Quote
Old January 19th, 2003, 09:23 PM     #6 (permalink)
Member
 
Join Date: Jan 2003
Location: England
Posts: 165
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
Fade2Grey is offline   Reply With Quote
Old January 19th, 2003, 09:27 PM     #7 (permalink)
Banned
 
Join Date: Nov 2002
Location: Seattle, WA
Posts: 3,312
Send a message via AIM to iNeb
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>

Last edited by iNeb : January 19th, 2003 at 09:43 PM.
iNeb is offline   Reply With Quote
Old January 19th, 2003, 09:37 PM     #8 (permalink)
Member
 
Join Date: Jan 2003
Location: England
Posts: 165
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.
Fade2Grey is offline   Reply With Quote
Old January 19th, 2003, 09:43 PM     #9 (permalink)
Banned
 
Join Date: Nov 2002
Location: Seattle, WA
Posts: 3,312
Send a message via AIM to iNeb
Sorry, messed up the code


I edited it
iNeb is offline   Reply With Quote
Old January 19th, 2003, 09:49 PM     #10 (permalink)
Ultimate Member
 
Join Date: Oct 2001
Posts: 21,019
vass0922 is online now   Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools

Posting Rules
You may post new threads
You may post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are On
Refbacks are Off

Most Active Discussions
Is It Just Me? (2891)
The United States Debt (20)
3-days in and no threads about Gaza (160)
I think I just killed my computer w.. (24)
Upgrading RAM (5)
hp compaq nc6000 problems (138)
Folderchat Weekday thread (441)
Antec 300 bulk purchase? (11)
Worth the upgrade?? (15)
Recent Discussions
Building a gaming computer advi.. (3)
Worth the upgrade?? (15)
Folderchat Weekday thread (441)
ADVICE (0)
How to increase my ram? (5)
Help with an Ati Radeon HD 4850.. (27)
CPU wont boot (4)
2nd video card (1)
special characters in quarkxpre.. (3)
Blackberry Storm, Gears of War .. (1)
Core 2 Quad Q9550 system (3)
COWBOOM Ripoff! Used Laptop w/$.. (4)


All times are GMT -4. The time now is 09:43 PM.
TechIMO Copyright 2008 All Enthusiast, Inc.



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28