Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 4 of 4
  1. #1
    Senior Member jbagley's Avatar
    Join Date
    Sep 2004
    Location
    Cape Town
    Posts
    845
    Member #
    7422
    I need some help in this regard. Ive searched the web, and the answers I seem to get dont seem to work exactly like I want them to.

    Ive designed an image, doubled its size, with the "rolled-over" image below it. It obviously must be clickable and go to a link specified.

    Brak has a perfect example at www.drumreport.com, but I just cant seem to implement it correctly. The drummerworld rollover at the bottom of the page is in a <ul>, which I dont need.

    Any help? :classic:

  2.  

  3. #2
    Senior Member Jack000's Avatar
    Join Date
    Aug 2004
    Posts
    250
    Member #
    7173

  4. #3
    Senior Member filburt1's Avatar
    Join Date
    Jul 2002
    Location
    Maryland, US
    Posts
    11,774
    Member #
    3
    Liked
    21 times
    Code:
    a#someid
    {
        background-image: url(...);
    }
    
    a#someid:hover
    {
        background-image: url(...a different source...);
    }
    ...is the gist of it.
    filburt1, Web Design Forums.net founder
    Site of the Month contest: submit your site or vote for the winner!

  5. #4
    Senior Member Brak's Avatar
    Join Date
    Apr 2003
    Location
    San Francisco, CA
    Posts
    3,413
    Member #
    1217
    Liked
    2 times
    I have a better example running at www.guitars.musicreport.info I've since found it's better to have one giant image, and reference different locations.

    The jist of it: Create your <a>s as block elements, hide the text, set a common background image - the in specific classes, set the background-position for each one.
    Kyle Neath: Rockstar extraordinare
    The blog | The poetry site | The Spore site


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 10:23 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com