George and Susan Welcome to our HTML help page!
Home | HTML-Index | Basic HTML | HTML Structure

ADD A BACKGROUND IMAGE



Use the <BACKGROUND> attribute to add a background image to a single cell or an entire table. Adding a background image to a single cell can make the information in the cell stand out. Adding a background to an entire table can add interesting design to the table.
Note
Make sure the background image you choose does not affect the readability of your table.

Here are some background Web Sites that will let you link directly from their server, if you have no webspace. Backgrounds at Pongo.com goodstuff and netscape.com.

Type this:
down
<TABLE BORDER=1 WIDTH="100%" CELLPADDING=8 CELLSPACING=0 ALIGN=CENTER BACKGROUND="YOUR-IMAGE-URL-HERE">
<TR>
<TD ALIGN=CENTER>
Your Auction Title
<BR><BR>
Your Description Here..........
</TD>
</TR>
</TABLE>


And you get the following:
down
Your Auction Title

Your Description Here..........


Type this:
down
<TABLE BORDER=1 WIDTH="100%" CELLPADDING=8 CELLSPACING=0 ALIGN=CENTER BACKGROUND="YOUR-IMAGE-URL-HERE">
<TR>
<TD ALIGN=CENTER>
<FONT SIZE=5 COLOR=TEAL>YOUR TITLE</FONT>
</TD>
</TR>
<TR>
<TD ALIGN=CENTER>
<FONT SIZE=3 COLOR=TEAL>
YOUR DESCRIPTION HERE
</FONT>
</TD>
</TR>
</TABLE>


And you get the following:
down
YOUR TITLE
YOUR DESCRIPTION HERE




Type this:
down
<TABLE WIDTH="100%" HEIGHT=300 BORDER=1 BACKGROUND= "Your image URL here" ALIGN=CENTER>
<TR>
<TD COLSPAN=3 ALIGN=CENTER>
your text or image
</TD>
</TR>
<TR>
<TD ALIGN=CENTER>
more text or image here
</TD>
<TD ALIGN=CENTER>
more text or image here
</TD>
<TD ALIGN=CENTER>
more text or image here
</TD>
</TR>
</TABLE>


And you get the following:
down
your text or image
more text or image here more text or image here more text or image here






Type this:
down
<TABLE WIDTH="100%" HEIGHT=300 BORDER=1 BACKGROUND= "Your image URL here" ALIGN=CENTER>
<TR>
<TD COLSPAN=3 ALIGN=CENTER>
your text or image
</TD>
</TR>
<TR>
<TD BACKGROUND="Your image URL here" ALIGN=CENTER>
more text or image here
</TD>
<TD BACKGROUND="Your image URL here" ALIGN=CENTER>
more text or image here
</TD>
<TD BACKGROUND="Your image URL here" ALIGN=CENTER>
more text or image here
</TD>
</TR>
</TABLE>


And you get the following:
down
your text or image
more text or image here more text or image here more text or image here

My home page
Back to Top