PDA

View Full Version : Solution to Banner Links page


FirefoxyChic
28th August 09, 01:10 PM
Hi everyone! Just wondering if any of you web coders out there have a simple solution fo me. I have a links page on a website (http://www.themorgengroup.com) I am working on , actually two links pages, but I am just trying things out on the one before I apply it to both. Currently the links are placed in a table, within a library, within a css box, with overflow set to auto so they are scrollable up and down. The client wants to add more categories to add more banners and so I suggested (stupid, stupid me~!) to set up the table to scroll horizontally rather than vertically. Now, after a little research I see that this can only be accomplished for IE or using JS. I have no experience with JS for one, and two, the client would insist that it be a functioning page, even if a user had JS disabled. SO there in lies the problem. He also wants the banners to rotate - Also only accomplished with JS, or so I've read. If there are any simple solutions to my issues that someone would like to suggest, I would greatly appreciate it!!:S

meesa
28th August 09, 05:02 PM
Scrolling vertically is pretty easy, all you have to do is make the elements wider then the container element, and have the overflow set to auto.


<div style="width:300px;overflow:auto">
<div style="width:500px">
This will scroll horizonaly.
</div>
</div>


As for the rotating banners, that will require Javascript, and you pointed out, what if the person's JS is turned off?

Use the <noscript></noscript> Anything put in there will only show if the javascript is off, so you could either put a message in the banner saying to enable Javascript, or you could just put one image that doesn't roate, or you could do both!

For the rotating banner code, there are many scrips on the internet, if you don't want to use those though, I can attempt (no guarantees) to make a simple one for you. Just as if you want me to.