SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Evangelist
    Join Date
    Aug 2005
    Posts
    574
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Image not snugging next to content area

    I'm having 2 different problems with this site. One is probably a JavaScript fix, the other, CSS.

    The CSS fix I need help with is with the first tab -- the yellow one. On the left hand border, there's a 1 px spot that's yellow, not black. It's a break between the black border of the 'Send-a-Gram' image and the CSS border of the content area. I've tried everything I can think of to snug those two together but nothing has worked. Any ideas?


    The second problem is that the png transparencies aren't working in IE 6 or 7. I've posted about that on the JavaScript board but if any of you have input, I'd love to hear it. I added a JavaScript file that I've used before to fix it but it's not working here. I may not be calling it correctly or something. Also, supposedly the png files should work in IE7, but with this site, they're not so I'm not sure what the difference is. The JavaScript file is pngfix.js and I'm calling it in the header like this, which really doesn't seem right since mine isn't working in IE7, either:

    Code:
    <!--[if lt IE 7]>
    <script defer type="text/javascript" src="pngfix.js"></script>
    <![endif]-->
    Would love help with either or both of these. Thanks.

  2. #2
    SitePoint Addict CaryD's Avatar
    Join Date
    Nov 2006
    Location
    San Diego, CA
    Posts
    389
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    As far as the pngfix.js goes, the file is located in your "_scripts" directory just like your other scripts. Fix the src path and it will work.

  3. #3
    SitePoint Addict CaryD's Avatar
    Join Date
    Nov 2006
    Location
    San Diego, CA
    Posts
    389
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by tryin_to_learn View Post
    The CSS fix I need help with is with the first tab -- the yellow one. On the left hand border, there's a 1 px spot that's yellow, not black.
    You can try this.

    Add the #yellowtabfixer div like below.

    HTML Code:
    <div id="content">
    <div id="yellowtabfixer"></div>
    <ul class="tabset_tabs">
    Add this styling to the bottom of your default.css.

    Code CSS:
    #yellowtabfixer {
    	background: black;
    	height: 1px;
    	width: 1px;
    	position: absolute;
    	top: 44px;
    	left: 0;
    	z-index: 5;
    }


Bookmarks

Posting Permissions

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