Results 1 to 2 of 2
  1. #1
    Trying to do CSS rollover button image swapping, but failing....
    DarkKnight369's Avatar
    Member Since
    Mar 12, 2008
    Location
    Peoria, IL
    Posts
    87
    Specs:
    17" MBP, 2.5Ghz Penryn Processor, 4GB of RAM, 200 GB 7200 RPM Hard Drive, High Res LED 17" Screen
    Trying to do CSS rollover button image swapping, but failing....
    I have been familiar with CSS, but this is my first time trying to do the entire site in it. I have the layout all set, but I want to do my navigation in CSS. I basically have different image states for roll over effects, but want to do it with CSS and not javascript. How do I make it work?

    Here is my failing HTML and CSS thus far....


    <body>
    <div id="container">
    <div id="top_half">
    <div id="navigation">
    <div id="home_button">
    <a class="home_page" href="http://zumbekmedia.com/index.html"></a>
    </div>
    </div>
    </div>
    <div id="bottom_half"> </div>
    </div>
    </body>
    </html>



    #navigation {
    margin: auto;
    width:509px;
    height:32px;
    overflow:hidden;
    position:absolute;
    top:152px;
    left:259px;
    }

    #home_button {
    width:65px;
    height:32px;
    }

    a.home_page {
    background-image: url(images/home_page.jpg);
    background-repeat: no-repeat;
    }

    a.home_page:hover {
    background-image: url(images/home_on.jpg);
    background-repeat: no-repeat;
    }



    Nothing shows up at all.

  2. #2
    Trying to do CSS rollover button image swapping, but failing....
    DarkKnight369's Avatar
    Member Since
    Mar 12, 2008
    Location
    Peoria, IL
    Posts
    87
    Specs:
    17" MBP, 2.5Ghz Penryn Processor, 4GB of RAM, 200 GB 7200 RPM Hard Drive, High Res LED 17" Screen
    I got it working yesterday....I had to put an &nbsp; as a place holder for the link to trigger the roll over effects.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. Scrolling image with button
    By prateek.chaubey in forum iOS Development
    Replies: 0
    Last Post: 04-05-2011, 08:59 AM
  2. Freeware : "clockwork" timer. Image failing to mount
    By London Luke in forum OS X - Apps and Games
    Replies: 5
    Last Post: 06-23-2007, 05:10 AM
  3. Creating a rollover image in iWeb
    By Findus in forum OS X - Apps and Games
    Replies: 2
    Last Post: 02-22-2007, 02:12 AM
  4. iWeb rollover image effects?
    By snow_happy in forum OS X - Apps and Games
    Replies: 2
    Last Post: 07-24-2006, 09:52 PM
  5. Image placement with CSS
    By dziner in forum Web Design and Hosting
    Replies: 5
    Last Post: 08-12-2004, 08:38 PM

Posting Permissions

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