Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    New to the CF scene
    Join Date
    Oct 2011
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    CSS image only based webpage.

    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.

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,748
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    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.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    New to the CF scene
    Join Date
    Oct 2011
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks.

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

  • #4
    New to the CF scene
    Join Date
    Oct 2011
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts
    [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.

  • #5
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,748
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    Quote Originally Posted by jbrown View Post
    You should be able to anchor to a spot on an image, just give your hotspot the id your anchor is linking to.
    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?
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #6
    New to the CF scene
    Join Date
    Oct 2011
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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?

  • #7
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,748
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    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.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •