Active state not working
Please see http://bit.ly/hL0u0w to see what I am referring to.
I would like to add an active state to the tabs of each box. Select Communicate from the top navigation and you will see a codaslider with tabs used to navigate this section. These tabs have a rollover effect and it is this that I would like to stay on when the tab is selected.
I am assuming the slides need to be given id tags to allow for this to work, but what ever I try seems to fail....
If you want more info or code just ask...
You have some errors.
And make sure that all the embedded codes you have there are isolated inside CDATA sections.
Sorry for amateur question but where does this code go?
Outstanding question. Open your document and search for.
Originally Posted by designedbyria
You will want to set that as a class instead of an id, so first set up a class with the styling you want. There is a script controlling the behavior of the tab - when you click the tab it loads other content. Have that script remove the active class from all tabs then add it back to the tab that was clicked.
kansel: the code actually works under FF 3.6 (it looks like FF is more permissive). The problem is within IE. And the problem is related strictly with what I have stated: the HTML comments inside CDATA. It is a well known mistake new coders make.
Originally Posted by kansel
Could be other errors, but first the OP should solve that one.
Yep you definitely tell I'm a newbie to all of this. I'm a designer but some how got handed this job!
Originally Posted by Kor
Gonna give those tabs ago now... wish me luck!
If I enter my dentist and find that he misses and his deputy is nothing more than a veterinary doctor, I get out the very next nanosecond. :)
My impression is rather you have inherit a someone else's project, and you must repair it, which is a hard thing to do even for experienced coders.
OK, I've seen some errors again:
Remove always the last identifier (the last comma) at the end of the elements of an array or an object. At least till IE7 and IE8 are in use.
You miss the final parenthesis: should be MM_preloadImages(...). And use the comma as delimiter between all those arguments.
It's a little bit crappy, that document... :)
Install and use Firebug under Firefox 3.6 (don't use FF4, at least not yet - there is no FireBug for this version so far)
Install and use the IE developer Tools (it is already installed in modern versions IE8 and IE9)
There are also similar tools in Chrome or Opera. Those tools are "a must" for a web developer.
I really appreciate your help! Thank you! I have fixed those 2 things (or so I think) I know it is still riddled with problems. I am using this site... http://validator.w3.org to try to sort them out. Hope that is the right thing. There are almost 500 errors coming up!
I know this should be left to those who have years and years experience behind them, I never once imagined taking on sure an advanced project! Will be relieved and very proud once this is all done.
Is the site looking any better to you? I am now going through it with firebug :)
Your website does not scroll down and I cannot see the whole page. You should remove overflow hidden to resolve this, how many more people will have the new type screens of widescreen and not be able to view the site.
Thanks quartzy. I intended to remove the vertical scroll bar as it can mess up the look of it when scrolling down. The navigation and logo moves with the page and therefore gets in the way of the content. Probably not the best way to fix this so any better ideas would be appreciated. I have already spent time resizing the site to fit 1024 x 768 and when at this size all that is missing is the footer. I don't see this as a big problem as I the footer only has contact info which is also accessible from the 'communication' box.
The problem with a site like this is that it is so different. Finding an awful lot of issues =S