Rounded corners

It is very simple, a table with rounded corners does not exist.

But we can “trick them”.

What we just need are images of rounded corners.
You can create them in Photoshop, Paint Shop Pro, Fireworks … it does not matter, but you need to have them.

Place your cursor in the document where you want to place a table and add a table.
Our table must have a minimum of three rows and three columns, because an image is already posted in every corner of the table.
We give zero in the “Border Thickness”, “Cell padding” and “Cell spacing” boxes. We have no edge and no space between cells.
Click the OK button.

 

Drag the different images in different corners of the table.
It is wise to give a meaningful name to the images made for different corners, so you know exactly what goes where.

 

As an example, I type some text in the center box.

 

When we view the page in our browser, everything seems fine.
We have just completed our first table with rounded edges and corners.

 

Sorting Data

We can sort data in Dreamweaver, just like in Excel or Access.

It is, however, not as extensive but still, it can.

 

To sort data in a table, first place the cursor in the table.

Click the “Commands” in the menu bar and choose “Sort Table” in the drop-down menu.

This opens the “Sort Table” dialog.

 

In the “Sort by”, you specify the column in which you first want to sort. As an example, you might take the table from the previous lesson, so I can first sort the price, that is the column three.

Then I sort by column 2, the description.

The first sorting is numeric of course and the second is alphabetical. Seems logical to me.

 

And at the bottom of the dialog I have four options.
The first seems obvious and since my first row consists of a title, uncheck this box.

The second option is for the tables which make use of the header rows. In other words, it is quite possible to create a table using th tags and if you want to sort this row anyway, then uncheck this box.

The same is true for the footer rows.

 

And when the last option is checked, it does not change the row color when it is sorted.
In our case, this should certainly not be checked so that the white color of the odd rows will be retained.

Click the OK button when you’re done.

If you wish to change the sort later, click the “Commands” in the menu bar again and choose “Sort Table” in the drop-down menu.

Featured Courses

• Downloading iPad Apps
• Lesson 1: Introduction to Publisher
• Lesson 65: File Formats