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


Tip of the Day
Language: Web
Expertise: Intermediate
Apr 15, 2002

Using Images for Table Borders


This method consists of creating empty rows and columns where an image will show through around a central cell that will contain the table's content.

To use an image as a table border:
  1. To begin, type:
     
    <TABLE BORDER=0 CELLSPACING=0 CELLPADDING =0> 
    
  2. Making x the same thickness as the top border, type:
     
    <TR><TD COLSPAN=3 HEIGHT=x>
    
  3. Making the image.gif the same image you want to use for the table border, type:
     
    BACKGROUND="image.gif" 
    
  4. To complete the cell and row, type:
      
    &;t; </TD></TR> 
    

    Fill it with a non-breaking space. An empty table cell may not appear, which ensures that you will be able to see the cell.
  5. Type:
      
    <TR>
    
  6. Making x the same thickness as the left border, type:
      
    <TD WIDTH=x>
    
  7. Using the same image as in step 3, type:
     
    <BACKGROUND="image.gif"></TD> 
    
  8. Making the content what you'd like to display in the table (anything
Aysha Austin
 
Comment and Contribute

 

 

 

 

 


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

 

 

Sitemap
Thanks for your registration, follow us on our social networks to keep up-to-date