Test Index · Table 1 · Table 2 · Table 3 · Table 4 · Table 5 · Resort Table · Background Image in Table · Design a Form! · Folding Menu Tree · Menu Buttons · Hidden Site Map · Anchors · Double Border Detail

Table test 4: images and text (create specific table - more advanced)

IMAGE OF ORIGINAL TABLE:

The description of what is wanted:

The car goes in the middle, under it is a logo on the left in a box then to the right a text box, underneath the two black boxes with a 2mm gap in the middle ie. a very small seperating box. Then one box underneath for text

Hope that makes sense

This is my understanding of the description:



			Citroen Saxo 1.1 Forte - New in choice of colour.
	£99 x 36 months		£5699 + RFL
	BUY THIS CAR NOW Call 0845 60 11 694 Or request an alternative quote on this car

HOW IT WAS DONE:

Once you learn the basic techniques, you can apply it to any table!

Insert table: 6 rows, 5 columns table

Right click table > Properties > Table Change settings:

Cell spacing = 1, Cell padding = 1 APPLY OK

COLUMN 1: Merge all cells vertically to make one long bar

(How to do: Drag to highlight-hold down mouse button and pull through all cells in the column. Then right click, merge cells.) Change cell color to black. Change width to 8 pixels (place mouse on edge of column until it turns double headed, then drag the column guide bar to the left until you see 8 pixels shown in the lower left corner of your screen.)

COLUMN 5: Repeat the same as column 1

COLUMN 2: Change column width to 192 pixels. Change the 4th cell color to black

COLUMN 4: Repeat the same as column 2

Insert test into the black boxes. Note: to keep box from becoming HUGE, after the large lettering, change font size to 12 before pressing enter key.

COLUMN 3: The small block between the black boxes, change the cell color to white. If you want this block to be spaced wider, just move the column to how wide you want it.

You should have something similar to diagram 1.

ROW 1: Merge columns 2, 3, 4 into one long cell. Change cell color to black. Change the font in this cell to Arial 5 (type that number in since it is not on the list) to make the row thinner.

ROW 6: Repeat the same as row 1

ROW 2: Merge columns 2, 3, 4 into one long cell. Change cell color to white. Insert car photo center image

ROW3: Highlight columns 2,3, 4 then change cell color to white. Insert the image and text

ROW 5: Merge columns 2, 3, 4 into one long cell. Change cell color to white. Insert text.

You should have something similar to diagram 2.

Right click table > Properties > Table Change settings: make the inside and outside border invisible:

Project complete.

DIAGRAM 1:




	£99 x 36 months		£5699 + RFL

DIAGRAM 2:



			Citroen Saxo 1.1 Forte - New in choice of colour.
	£99 x 36 months		£5699 + RFL
	BUY THIS CAR NOW Call 0845 60 11 694 Or request an alternative quote on this car

NOTE: if you have graphics on your screen already and want to put them into your table:

Click on the graphic - A border will appear around it. (ex: look at show borders image above - it is 'selected')

Point to the selected graphic

Hold down the mouse button and drag the image into the table, then let go. It's that simple!

OTHER TABLE NOTES: Use the right click to get table options!

To select a whole table to change left, center or right justify:

Click inside table, then right click Select > Table Now click one of the buttons on the toobar. (image shows centered)

To delete a whole table:

Click inside table, then right click Select > Table Press your delete button on the keyboard.

While cursor is in the table, right click in the table to see other menu options like inserting/deleting columns and rows, unmerge cells (if you want to split up a big cell back into its little pieces)