| Turbo |
| (regular) |
| Mon Feb 07 2005 02:08 AM |
|
Decent tables
|
I want tables that look like the ones in http://www.dogdropins.co.uk
How do i do them Please?
Im sick of having the standard ones you get by just typing cellspacing=0 and cellpadding=0
Thanks In Advance.
| Nanook |
| (regular) |
| Mon Feb 07 2005 02:16 AM |
|
|
Re: Decent tables
|
Short answer is its done with images
Every 10 pixels or so a small line - image is shown, and then if text is there another - is shown, and then images go down the "cell" | in the same fashion. Each border side is kept in its own cell so you have cells becoming borders if that makes sense
| Turbo |
| (regular) |
| Mon Feb 07 2005 07:28 PM |
|
|
|
Re: Decent tables
|
soz, i dont completely get that, could anyone write something simple here to create one please?
TheFatControlleR
|
| (Forum Admin) |
| Mon Feb 07 2005 09:31 PM |
|
|
Re: Decent tables
|
It's probably easier for you to take a look at the source code of any given page that takes your fancy, or save the page and dissect it in your favoured HTML editor!
TFC'When governments fear the people there is liberty. When the people fear the government there is tyranny.' - Thomas Jefferson
| Turbo |
| (regular) |
| Tue Feb 15 2005 08:52 PM |
|
|
|
Re: Decent tables
|
That was very complicated, after numerous attempts at trying i was unable to work out, why each thing came next.
So instead of this, does anyone know how i could create some better tables than "cellspacing=0 and cellpadding=0" perhaps in css or anything other than them. I am doing this just for research, i am not doing no website at the moment i just have always struggled with tables and i would like to know an alternative.
| Jonny555 |
| () |
| Tue Feb 15 2005 11:39 PM |
|
|
Re: Decent tables
|
To use images to create fancy looking tables is easy. In your image editor create the box you want. Make the body of the box only about 10 pixels deep. When your happy use the Slice Tool to divide it up. You want the header, the body and the footer. B e careful how you slice.
When you save your box you will need to set up the file format for each part of the box (the header, the body and the footer). Take your time at this stage and experiment for the best result. You should be able to live preview your changes before committing to the save. Save as HTML. You will find that as well as three images, you also have some HTML code. This code builds the box on the web page.
Open the HTML in an editor. Look at the code and find where the body image is (the middle cell of the table). It will show as an image within that cell.
< tr >
< td >
< img src="images/body.gif" >
< /td >
< /tr >
You don't want this. It needs to be set as the background to the cell.
< tr >
< td background="images/body.gif">
< p > .... < /p >
< /td >
< /tr >
Now the cell can expand and look good because being set as the cells background, the body image will tile.
Hope this is of some help.
Take a look at my home page to see the effect.
| Turbo |
| (regular) |
| Wed Feb 16 2005 12:42 AM |
|
|
|
Re: Decent tables
|
Thats awesome cheers