dcsimg
Login | Register   
RSS Feed
Download our iPhone app
TODAY'S HEADLINES  |   ARTICLE ARCHIVE  |   FORUMS  |   TIP BANK
Browse DevX
Sign up for e-mail newsletters from DevX

By submitting your information, you agree that devx.com may send you DevX offers via email, phone and text message, as well as email offers about other products and services that DevX believes may be of interest to you. DevX will process your information in accordance with the Quinstreet Privacy Policy.


advertisement
 

Using Graphics : Page 4

Just having a collection of Web-ready graphics is a good start. Now you have to learn how to use them effectively on your Web pages.


advertisement

WEBINAR:

On-Demand

Application Security Testing: An Integral Part of DevOps


Table Background Images

To place an image in the background of a table on a Web page, use the background attribute within a table tag.

To use an image as a table, table row, or table cell background, add the "background" attribute to the appropriate table tag, like this:



<table background="imageURL">

The background attribute's value is the URL of the image you want to use for the table background.

Here's a table with a background image:

NamePhoneEmail
Sue Z. Queue 716 555-1212 litlgrrl@pigtails.com
George Washington 212 555-9876 firstprez@cherrytree.gov
James Brown 321 555-7777 theman@brown.com

And here's the actual background image:

background image

Netscape Navigator's rendering of table background images differs from that of Micrsoft Internet Explorer. Click on the options below to see an example of each.

  • Netscaperenders a table background by fitting the image in each cell, tiling, if necessary. The lower part of the image is cut off because it doesn't fit in the individual cells.
  • Internet Explorer renders a table background by fitting/tiling the image in the entire table. The full image is tiled to fit the entire table area.

You should definitely keep this in mind when creating table backgrounds. And remember: Always view your pages in Netscape and Internet Explorer!

Check out the Project Cool Tables tutorial for more information on making tables.



Comment and Contribute

 

 

 

 

 


(Maximum characters: 1200). You have 1200 characters left.

 

 

Sitemap
×
We have made updates to our Privacy Policy to reflect the implementation of the General Data Protection Regulation.
Thanks for your registration, follow us on our social networks to keep up-to-date