Results 1 to 6 of 6
  1. #1
    Join Date
    Jan 2006
    Posts
    420
    Plugin Contributions
    0

    Default Help with white line at Breadcrumb

    Hi all , Ive got a tiny little problem thats vexing me for now.

    if you look at the breadcrumb part of www.tapes-direct.co.uk

    there is a one pixel line between the categories box and the start of the word home on IE7 only , looks fine on firefox and mozilla clones. It was either not there or blue , but I have altered something , now its appeared again and I cannot get it back to how it should look .

    Any Ideas ! please

    Thanks all .
    Various Zen cart sites !

  2. #2
    Join Date
    Aug 2007
    Posts
    64
    Plugin Contributions
    0

    Default Re: Help with white line at Breadcrumb

    The problem looks like it is being caused by line 243 of your style sheet. You have a left margin there defined that is causing that white line because the part of that bar right next to it eg. is being partly defined by that line..so try taking that left margin to 0 and see if that fixes it.

  3. #3
    Join Date
    Jan 2006
    Posts
    420
    Plugin Contributions
    0

    Default Re: Help with white line at Breadcrumb

    Quote Originally Posted by jheir16 View Post
    The problem looks like it is being caused by line 243 of your style sheet. You have a left margin there defined that is causing that white line because the part of that bar right next to it eg. is being partly defined by that line..so try taking that left margin to 0 and see if that fixes it.
    Thanks for helping out - Didn't seem to make a difference though!

    I changed the line from
    Code:
    h1, h2, h3, h4, h5, h6{
    margin: 0.3em;
    }

    To this
    Code:
    h1, h2, h3, h4, h5, h6{
    margin-top: 0.3em;
    margin-right: 0.3em;
    margin-bottom: 0.3em;
    margin-left: 0em;
    }
    and also

    To this
    Code:
    h1, h2, h3, h4, h5, h6{
    margin: 0em
    }
    Didn't seem to lose that line in IE7 ( I hate IE7 ) Wish you could change CSS on the fly like you can in firefox.

    I appreciate you looking.
    Various Zen cart sites !

  4. #4
    Join Date
    Jan 2006
    Posts
    420
    Plugin Contributions
    0

    Default Re: Help with white line at Breadcrumb

    Can anyone else shed any light on this ? thanks
    Various Zen cart sites !

  5. #5
    Join Date
    Sep 2007
    Posts
    219
    Plugin Contributions
    0

    Default Re: Help with white line at Breadcrumb

    Hi

    Change your css to this and I think you will see your issue go away

    .sideBoxContent {
    background-color: #FFFFFF;
    padding: 0.0em;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-left: 1px solid #000099;
    border-right: 1px solid #000099;
    border-bottom: 1px solid #000099;
    }

  6. #6
    Join Date
    Jan 2006
    Posts
    420
    Plugin Contributions
    0

    Default Re: Help with white line at Breadcrumb

    Thank you so much , thought i was never going to spot that , it had me going around in circles !

    Thanks again .
    Various Zen cart sites !

 

 

Similar Threads

  1. Aligning links on the Home Breadcrumb line
    By tdiamond in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 30 Jan 2010, 08:10 AM
  2. Breadcrumb nav line showing up twice
    By littleturtlemama in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 12 Feb 2009, 07:25 PM
  3. help: how to remove logo's white line
    By layoyo in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 20 Oct 2008, 09:16 PM
  4. Eliminate White Space Between Breadcrumb and Main Page Text
    By MyLifeGear in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 5 May 2008, 09:28 AM
  5. Help!!! That white line
    By imperialis in forum Templates, Stylesheets, Page Layout
    Replies: 9
    Last Post: 19 Apr 2008, 04:26 AM

Posting Permissions

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