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 2 of 2
  1. #1
    Junior Member
    Join Date
    Aug 2005
    Posts
    16
    Member #
    10864
    Hello everyone,

    I have recently started to dive into the wonderful world of css! I'm a little stuck though. Im trying to make a rollover button for my links but i can seam to get it to work. the code i have now is

    #sidebar ul li ul li{
    margin: 4px 10px 4px 10px;
    display: block;
    background: url("images/bullet.jpg") 0 0 no-repeat;
    padding: 0 0 0 18px;
    }

    I added this...

    #sidebar a:hover ul li ul li{
    margin: 4px 10px 4px 10px;
    display: block;
    background: url("Images/bullet2.jpg") 0 0 no-repeat;
    padding: 0 0 0 18px;
    )

    I got a sort of rollover result but what it did was show up to the 1st image, it didnt really replace it. If anyone knowd of a way to make this work i would greatly apprciate some help.

    Thanks.

  2.  

  3. #2
    Senior Member Stylise's Avatar
    Join Date
    Jul 2005
    Location
    Mount Martha, Australia
    Posts
    229
    Member #
    10679
    so you've got a list inside a list?

    if so, try this:

    #sidebar li li a {
    display: block;
    }

    #sidebar li li a:hover {
    margin: 4px 10px;
    background: url("images/bullet2.jpg") no-repeat top left;
    padding: 0px 0px 0px 18px;
    }

    Without knowing what you're after, it's hard to know how you want it.


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:22 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com