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

    Text appears behind background image in IE

    Hey guys,

    Very new to CSS, but I understand it...just have a tough time getting things to look right.

    Anyways, the stylesheet here is a Wordpress theme I downloaded and it works great. All except the title of the page at the very top.

    In Firefox, it appears just fine. In IE, it wont appear when you load the page, but if I scroll down and back up, it ends up appearing.

    Here are the styles associated:

    (I took out the "inherit" property below on the H3 A href but that didnt help - so I left it in here)


    #top
    {
    color:#fff;
    margin:0;
    padding:0 0 0px 0;
    background:url(img/top_head.jpg) repeat-x;
    }


    #top a:hover
    {
    text-decoration:none;
    color:#999;
    }
    #top h3 {
    font-size:2em;
    font-weight:bold;
    margin:0px;
    padding:10px 0px 0px 15px;
    }

    #top h3 a{
    background:inherit;
    color:#cc0000;
    text-decoration:none;
    }

    #top p {
    font-size:1em;
    font-weight:normal;
    margin:0px;
    padding:1px 5px 1px 20px;
    color:#fff;

    }



    I appreciate any help you guys have.

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Umm yeah CSS is useless without HTML. Add position:relative; to the element that the image is in.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    New to the CF scene
    Join Date
    Jul 2007
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by _Aerospace_Eng_ View Post
    Umm yeah CSS is useless without HTML. Add position:relative; to the element that the image is in.

    That did it. Can you explain to me why?

    Were you saying my pasting the CSS was useless without pasting the HTML code? Sorry about that.

  • #4
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    http://www.positioniseverything.net/.../peekaboo.html
    Yes next time post your HTML and CSS or just give us a link to the page (which is better so we can actually see the problem).
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #5
    New to the CF scene
    Join Date
    Jul 2007
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Okay, will do. I didn't think you could see the CSS because I couldn't when I did a page source.

    Thanks for the link, I will try to learn this stuff a bit more

    Appreciate the help.

    Mike


  •  

    Posting Permissions

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