Announcement

Collapse
No announcement yet.

Horizontal divider problem

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Horizontal divider problem

    In converting to Sellerdeck we have an odd problem with the horizontal dividers between rows of Section links and Products.
    Our current live site - Actinic 11 - has a nice simple single pixel dotted line
    http://shop.jimaimracing.co.uk/acatalog/SX-XC-13.html

    The Test site with Sellerdeck has introduced a dastardly multi-pixel orange line
    http://shop.jimaimracing.co.uk/acata.../SX-XC-13.html

    I've compared the Layout code in both versions and there are no differences.

    Any ideas gratefully received!

    #2
    Ian, I've taken a look but can't see what is causing this.

    There is a setting of the background colour to orange in dotted_line_blue which can be changed to black, but I guess you had it orange so you could see what was going on.

    Have you tried using the CSS from the old site in the new site? That might help track down why it's going wrong. There will be some setting higher up the DOM which is causing it, I guess.
    Hugh Gibson
    CTO - Sellerdeck, part of ClearCourse

    Comment


      #3
      Ian,

      If you

      1. Edit the stylesheet and change the following
      Code:
      .dotted_line_blue {
          background-color: #FF6600;
          background-image: url("theme_dotted_line.gif");
          clear: both;
          height: 1px;
      
      
      }
      to

      Code:
      .dotted_line_blue {
          background-color: #000;
          background-image: url("theme_dotted_line.gif");
          clear: both;
          height: 1px;
      
      
      }
      This will return it to black.

      2. In the product list layout removing the following image tag
      Code:
      <img width="1" height="1" alt=" " src="theme_shim.gif">
      should resolve the issue.
      Fergus Weir - teclan ltd
      Ecommerce Digital Marketing

      SellerDeck Responsive Web Design

      SellerDeck Hosting
      SellerDeck Digital Marketing

      Comment


        #4
        Remove the IMG within the TD tags. It's not required as it's specified in the css as a background image as well. The duplication is causing confusion and affecting the rendering.

        EDIT: Sorry Fergus didn't see your post before typing my reply.

        Comment


          #5
          Shudders @ shim.gif.

          Comment


            #6
            Thanks Fergus. Removing the Image tag has brought me back to a single pixel line - and I've also removed the same tag on my subsection lists.
            Darned if I can find the dotted_line_blue in the Stylesheet though! Luckily enough I'm quite happy with the single dividing line in Orange though...that's KTM Orange if anyone fancies buying one!!

            Thanks again for the time and trouble.

            Comment

            Working...
            X