Roll Your Own - Tabbed Menu issue
Hi All,
I am working on a clients website which is very information heavy. Trying to make tabbed areas to limited the amount of space taken up.
I went on themeroller and got this:
http://jqueryui.com/themeroller/#!zThemeParams=5d00000100c005000000000000003d8888d844329a8dfe02723de3e5701fa198449035fc060c60d90ab42a9576967ec2e17f4e216009e15891758c06c64cfd470466d5dc37c164a68069267698161defb8ccc57ef0ebca1830333d6f5c5acbd6934454d5f9785ae2a775f6be5172ccdcb8da273a83ebccb477d1c743421206752b6db33bfbf508417ce75c229797b8417ab7b3e52916122b8f795259f0d87f33752259b97ac68499319a295cab4b3a86e6c38ea1aa16ab081209d200dcd64850c77f2a750ae17fd69b4e486df479038d2a5907296038dc6340dae3fca7fd3cb4c8cb8638cd4871dc0753d8d5cd713d9130584ac8cda1adedd53bf2eabdd77b1303ad395766ff4672a3978dba42571fae4f82ade505babf85ca568763a4635b18414dc24bc3b5f8fdfe24d8e11240c65f92a354574f067c2d66e171d10f784388e7775a1c7ca44d73ffc3ee602710bf126a07da14f270cfff02fc07c67dce5466ef1fe97d23d51db71c04ff5e208a55feead406c0ceca7900c7bc1ab1de92acb7e55bc4d97258ece083938555a455ba3da7cbc5e2a8dd281eda01c61a3c2be61307b533049c1f12ffc2a8de3341aa2bfeb224f56420d2e8bdb699654f53dd20ffb570ee8248ecffd6c1269e
Which is great. But when I try and use the files I downloaded I have had a couple of issues.
1. Accordion
http://www.mason-uk.co.uk/flexible-pipe-connectors3.asp
This is the page I am testing the code on. To see it scroll down to the bottom.
The drop down DIV's seem to have a lot of dead space beneath the info. and the related products are severally warped (the divs are too big vertically)
IF I click inspect element I can see that the jquery seems to be adding inline CSS to my divs. When I try and overide this by putting inline css (or external file css) it doesn't make a difference.
2. Tabbed Menu
http://www.mason-uk.co.uk/flexible-pipe-connectors4.asp
This is another option I've been working on. But it doesn't seem to work at all. Even though I have copied over all the files I downloaded from the website...
Any ideas?
Thanks so much
Rich
I am working on a clients website which is very information heavy. Trying to make tabbed areas to limited the amount of space taken up.
I went on themeroller and got this:
http://jqueryui.com/themeroller/#!zThemeParams=5d00000100c005000000000000003d8888d844329a8dfe02723de3e5701fa198449035fc060c60d90ab42a9576967ec2e17f4e216009e15891758c06c64cfd470466d5dc37c164a68069267698161defb8ccc57ef0ebca1830333d6f5c5acbd6934454d5f9785ae2a775f6be5172ccdcb8da273a83ebccb477d1c743421206752b6db33bfbf508417ce75c229797b8417ab7b3e52916122b8f795259f0d87f33752259b97ac68499319a295cab4b3a86e6c38ea1aa16ab081209d200dcd64850c77f2a750ae17fd69b4e486df479038d2a5907296038dc6340dae3fca7fd3cb4c8cb8638cd4871dc0753d8d5cd713d9130584ac8cda1adedd53bf2eabdd77b1303ad395766ff4672a3978dba42571fae4f82ade505babf85ca568763a4635b18414dc24bc3b5f8fdfe24d8e11240c65f92a354574f067c2d66e171d10f784388e7775a1c7ca44d73ffc3ee602710bf126a07da14f270cfff02fc07c67dce5466ef1fe97d23d51db71c04ff5e208a55feead406c0ceca7900c7bc1ab1de92acb7e55bc4d97258ece083938555a455ba3da7cbc5e2a8dd281eda01c61a3c2be61307b533049c1f12ffc2a8de3341aa2bfeb224f56420d2e8bdb699654f53dd20ffb570ee8248ecffd6c1269e
Which is great. But when I try and use the files I downloaded I have had a couple of issues.
1. Accordion
http://www.mason-uk.co.uk/flexible-pipe-connectors3.asp
This is the page I am testing the code on. To see it scroll down to the bottom.
The drop down DIV's seem to have a lot of dead space beneath the info. and the related products are severally warped (the divs are too big vertically)
IF I click inspect element I can see that the jquery seems to be adding inline CSS to my divs. When I try and overide this by putting inline css (or external file css) it doesn't make a difference.
2. Tabbed Menu
http://www.mason-uk.co.uk/flexible-pipe-connectors4.asp
This is another option I've been working on. But it doesn't seem to work at all. Even though I have copied over all the files I downloaded from the website...
Any ideas?
Thanks so much
Rich
Topic Participants
richard_hughes69
jakecigar
kbwood.au