Hi All.

 

Can someone help me if possible. I have to adapt a website (see link below)

What I need to do is add two more tabs on each page ie 5 tabs to 7 tabs.

 

I'm having real troubles getting my head around how to do it.

 

Thanks in advance.

 

http://www.parleyoptometrists.co.uk/

Hi Kim,

 

At the very least you'll need to shrink the images used for the tabs (using an image editor) - at the moment the 5 of them take up the full width of the page. You'll need to make them thinner so you can fit 7 into the page.

 

Then you should be able to adjust the colspans to fit another two TDs at the end of the row.. but it depends on the layout, might be more tricky than that.

Hi Tom. Yes I've made new tabs, it's adjusting the code that has got me.

I don't envy uou the task because your code has so many colspans and rowspans and it's murder to sort them out. Can you go back to whever you got the code from and start again?

 

If you want to edit it, you should note that inside a tr tag the td tag item has colspan="18" and all the td tags in the tr tag row underneath add up to 18; some are just <td></td> empty tags (probably with a default width), others like

 

<td valign="top" width="145" height="30">

<div class="box6">

 

are just one column wide while some like

 

<td colspan="4" valign="top" width="145" height="30">

<div class="box6">

 

have a colspan. I've counted them and they add up to 18 before the next </tr> end of row.

 

You must keep them all to 18 when you add more tabs, so some of the empty td tags could have a tab inside them, but you also have to keep the overall width the same as the total of 18 columns, and then probably edit the button image widths.

 

Best of luck.

Hi Wickham.

 

Thanks for looking at that for me. I think I will cut-my-loses and start again, I have all the elements.

 

I had a go at adding the extra tabs and it all comes apart.

 

Kim