SitePoint Sponsor

User Tag List

Results 1 to 8 of 8

Thread: unwanted border

  1. #1
    SitePoint Evangelist hantaah's Avatar
    Join Date
    Jul 2011
    Location
    Birmingham, Uk
    Posts
    562
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)

    unwanted border

    I'm trying out a box on my page but each box has an unwanted border ( small 1 02 2px gray border ) around it when opened.

    here is my page

    http://www.sakeenaheducationcentre.c...ordion-test/#1

    how do I get rid of it?

    ( i've just noticed it's only there on chrome )

  2. #2
    SitePoint Zealot RyanKing1809's Avatar
    Join Date
    Oct 2011
    Location
    Melbourne, Australia
    Posts
    170
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi Hantaah, What specific box are you talking about? Also please post your html & css code for the box you are talking about and we'll be able to help.

  3. #3
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,331
    Mentioned
    463 Post(s)
    Tagged
    8 Thread(s)
    I see various apparent borders caused by things like this:

    Code:
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);

  4. #4
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,618
    Mentioned
    65 Post(s)
    Tagged
    2 Thread(s)
    I think the border hantaah is referring to is the 1px gray square border in the vicinity of the image on the left of this screenshot. It can occur in any of the boxes. For the record, it's 248px wide. I can't find anything that resembles that shape or area. It usually shows up but not always.

    sakeenah.jpg

  5. #5
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,331
    Mentioned
    463 Post(s)
    Tagged
    8 Thread(s)
    Hm, I see. After some digging, I see it's caused by this:

    Code:
    .accordion :target h2::after {
    content: url(open.png);
    position: absolute;
    right: 10px;
    top: 0;
    }
    That file is missing anyway, so might as well just delete that code.

  6. #6
    SitePoint Evangelist hantaah's Avatar
    Join Date
    Jul 2011
    Location
    Birmingham, Uk
    Posts
    562
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ronpat View Post
    I think the border hantaah is referring to is the 1px gray square border in the vicinity of the image on the left of this screenshot. It can occur in any of the boxes. For the record, it's 248px wide. I can't find anything that resembles that shape or area. It usually shows up but not always.

    sakeenah.jpg
    yep that's correct

  7. #7
    SitePoint Evangelist hantaah's Avatar
    Join Date
    Jul 2011
    Location
    Birmingham, Uk
    Posts
    562
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    Hm, I see. After some digging, I see it's caused by this:

    Code:
    .accordion :target h2::after {
    content: url(open.png);
    position: absolute;
    right: 10px;
    top: 0;
    }
    That file is missing anyway, so might as well just delete that code.
    ok deleted it and is gone now. Thank you very much!!!

  8. #8
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,331
    Mentioned
    463 Post(s)
    Tagged
    8 Thread(s)
    No probs. Glad to help.


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
  •