Learning HTML how do I create a table or box section

HTML & CSS
1

Hello,
I was reading an article on the internet and have been using tables design my websites.

However this article advises not to use them. http://webdesign.about.com/od/layout/a/aa111102a.htm ( one of the reasons being, it doesnt support good SEO )

So how do I create a section such as A BOX WITH ROUNDED EDGES ??? e.g. this forums, are enclosed in a box/table like with rounded well formatted edges

In the past I used to add a table/table(s) and format it with css such as

.MyTable
{
width: 98%;
background-color: #FFFFFF;
margin: 20px auto 0px auto;
border: 1px solid #000066;
border-radius: 8px 8px 8px 8px;
vertical-align: 95%;
height: 90%;
}

But without tables, how do i achieve this ?

many thanks
M

2

Hi M

No you shouldn’t use them for layout, only for tabular data.

The old fashioned way was to use one or a series of images to create the box around a div.

Some newer browsers can use CSS3 to achieve this without the need to create individual images:

http://www.spiffycorners.com/sc.php?sc=spiffy&bg=ffffff&fg=0a67e6

This link thought shows how both are achieved by using the switch in the top right:

http://cssround.com/

3

many thanks, quite useful techniques.

Funny I live down the road from you, in hull and always in Scarborough every now and then

ta

4

Ha, small World.