CSS image only based webpage.

[jbrown]

Can anyone help me with the following, I'm using Dreamweaver but I'm not very good?

1) I'm trying to set up some "sub-links?"(I do not know name for this) on a CSS page, like the clickable contents below list in blue on top of all wikipedia pages. So when a link on a page is clicked, the page scrolls down to a specific part of a page. Also how can this be done the whole page is a jpeg and I am using "hotspots" as links?

2) I'm trying to have some jpeg text change colour when the mouse hovers over it. So I've created two jpegs, but how do I set it up so the jpeg changes when the mouse hovers over it?

3) Also is there a standard music plugin which can be used to play music on a page with on/off, and possibly volume, controls like Flash?

Thanks.

[Excavator]

Hello jbrown,

1) I'm trying to set up some "sub-links?"(I do not know name for this) on a CSS page, like the clickable contents below list in blue on top of all wikipedia pages. So when a link on a page is clicked, the page scrolls down to a specific part of a page. Also how can this be done the whole page is a jpeg and I am using "hotspots" as links?

You should be able to anchor to a spot on an image, just give your hotspot the id your anchor is linking to.

2) I'm trying to have some jpeg text change colour when the mouse hovers over it. So I've created two jpegs, but how do I set it up so the jpeg changes when the mouse hovers over it?

You're describing a CSS rollover. Google that or see this example.

[jbrown]

Thanks.

Anyone have any ideas on if it is possible to have a Flash equivalent music player as described in (3) above?

[jbrown]

[QUOTE]You should be able to anchor to a spot on an image, just give your hotspot the id your anchor is linking to.[QUOTE]

I tried to do this but I could not find a way to add an ID to all the hotspots on the big image.

Just to explain further, on a HTML page I have various small images, and one big image(which has a scroll up & down bar). I want to be able to click on the small images and the the big image to automatically scroll down to the correct sub-section.

So the small images are all sublinks for that page, which are to be clicked to navigate to the various sub-sections in the big images.

[Excavator]

Originally Posted by jbrown

I tried to do this but I could not find a way to add an ID to all the hotspots on the big image.

Something like <a href="#hotspot1" id="one"></a> for the link.
And the spot at the futher down the page that is linked would be <a id="hotspot1"></a>

Each id, #one for the top and #hotspot1 for the bottom one, could be styled however you like from the CSS.

Is that what you're looking for?

[jbrown]

I followed your help but I'm sorry I forgot to mention that the small images are in the main web page. And the big image is in a sub-window inside the main web page which has it's own scroll bar.
So when I click the small images this seems to activate the main web page which tries to scroll down rather the big image scrolling down in the sub-window.
Is it possible for the big image to scroll down in sub-window?

[Excavator]

You're going to have to give us a link to the test site. We can't possibly recreate your issue here locally with the information you've provided.