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 4 of 4
  1. #1
    New to the CF scene
    Join Date
    May 2009
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Smile styled links on transparent PNG bg

    I've got a few links that are inside a div that has a semi transparent png background. Without styling, it's fine, but when i start using CSS to style them a white box around the links appear. This is what I mean:

    With body tag color definitions:


    using CSS style:


    and thats by using these definitions, see that bgcolor transpararent doesnt work here:

    a.content_txt:link {
    color: grey; text-decoration: none; background-color: transparent;
    }

    Anyone know how to fix this? I basically want to have a hover color.

    Edit: i just noticed i removed a link since making the second screenshot. dont mind it.

    Edit: it looks like the white canvas just layers the translucent png background on top of the main translucent bg since it shows through over the other links
    Last edited by namitsu; 06-11-2009 at 03:36 PM.

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,866
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Have a try by removing position:relative; from your div(if any), and then by adding position:relative; to the links.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New to the CF scene
    Join Date
    May 2009
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Unfortunately the div that contain these links are inside another div that has position:relative;. If I'd remove that, the layout will be screwed. But it does give me some ideas. Thanks

  • #4
    New to the CF scene
    Join Date
    May 2009
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Right. I used the same class name for the links as I did for the div that I used. And this class defines the translucent bg image. So yeah, I got it fixed. Just some stupid mistake I overlooked.


  •  

    Posting Permissions

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