|
To begin: create a new image in your graphics
program. For the sake of this tutorial we will use an image
25 x 25 pixels in size. You generally want to make the background
of your image the same as the background color where it will
be placed on the page. For a white page such as this, you
would use white For demonstration purposes grey is used here.
25 X 25 pixel image with grey background.
If using a circular drawing tool - select the color used in
your table - in this case light grey. If you are using a selection
tool - fill the selection with the color used in your table
Circular selection filled with light gray to create corner.
Export to your images folder as topcorner.gif.
Rotate the image 90 degrees clockwise to create and export
again - this time naming the image toprightcorner.gif.
toprightcorner.gif
Repeat step five two more times naming the gif files bottomrightcorner.gif
and bottomleftcorner.gif.
bottomrightcorner.gif
bottomleftcorner.gif
Inserting Your Graphics into the Table
Create a table with three rows and three
columns and 200 pixels wide. Set the table borders, cell padding
and cell spacing to zero. It should look something like this:
Select the far left column of the table and set the cell properties
to 25 pixels wide.
Do the same for the far right column by selecting it and setting
it to 25 pixels wide. Select the middle column and set it
to 150 pixels wide.
Now, select the top row and set the vertical alignment to
"top."
Select the bottom row and set
the vertical alignment to "bottom."
Select the entire table - and set the background color.
In this case to gray.
Insert the image topleftcorner.gif into the top left corner
cell.
Repeat the process three more times, placing the toprightcorner.gif
into the top right corner cell and so on.
Your final table should look like this:
Place the text or graphics you want displayed within the table
in the middle cell
|
