|
|
Turbo
regular
Reg'd: Sat
Posts: 133
|
|
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
Reg'd: Tue
Posts: 995
Loc: South East England
|
|
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
Reg'd: Sat
Posts: 133
|
|
soz, i dont completely get that, could anyone write something simple here to create one please?
|
TheFatControlleR
Forum Admin
Reg'd: Fri
Posts: 6503
Loc: Megatripolis
|
|
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
Reg'd: Sat
Posts: 133
|
|
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
Reg'd: Fri
Posts: 5283
Loc: Cheshire, England
|
|
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
Reg'd: Sat
Posts: 133
|
|
Thats awesome cheers
|
Previous
Index
Next
Threaded
Edit
Reply
Quote
