Announcement

Collapse
No announcement yet.

Design issues - extra border/blank line

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

    Design issues - extra border/blank line

    If you look at my homepage there is a gap between the bottom of the logo and the top of the menu bar. I've been through the code but I can't find out what's generating it. Any suggestions?

    The colour comes from the background fill colour for the header.
    www.homeautomation-direct.com

    Energy Monitors and X-10 automation hardware

    #2
    Looks ok to me, do you mean the blue bar that runs across the top, with the search in it to the left?
    Web design Bradford

    Comment


      #3
      Seems to be just an IE problem...

      Army Gore-tex
      Winter Climbing Mitts
      webD's Blog: Website design, SEO and other ramblings…
      Twitter LinkedIN

      If you think a post is good, rate it!

      Find the answers in the Knowledge Base | Have you read the User Guides

      Comment


        #4
        It's directly below the house logo, above the word 'Home' and 'Site Map' and goes all the way to the right. Are you saying it only appears in IE? I was wanting the logo to dock with the menu blue bar like it does with the top blue bar.
        www.homeautomation-direct.com

        Energy Monitors and X-10 automation hardware

        Comment


          #5
          It looks like the 3 pixel IE jog if you have your sizes and containers correct. You may need to do a specific style just for IE adding a -3(minus) margin to the navbar.

          Comment


            #6
            I forgot to mention, it also appears in the Page Preview window of the split view when in Design mode. Is that an IE render as well?
            www.homeautomation-direct.com

            Energy Monitors and X-10 automation hardware

            Comment


              #7
              I agree this does look like the 3px IE jog.
              Use Google and search for details about it and possible fixes.

              Comment


                #8
                You have some seriously convoluted code styling the top of the navigation bar:

                HTML Code:
                <td style="border-style: solid none solid solid; border-color: rgb(0, 153, 255) -moz-use-text-color rgb(0, 153, 255) rgb(0, 153, 255); border-width: 5px 0pt 5px 5px; background-color: rgb(0, 153, 255);">
                ... where on earth did you get that from and why?


                Bikster
                SellerDeck Designs and Responsive Themes

                Comment


                  #9
                  I've had this issue with a couple of the default themes in Actinic. I'm not sure if the fix I found will work for you but I added this to my Actinic style sheet to fix it

                  Code:
                  td img { vertical-align: bottom; }
                  From what I read, the gap appears in IE because the table cell has an text alignment set on it and IE keeps a space at the bottom of the cell for any text descenders that may be in the cell.

                  Like I said, it may or may not work for you.

                  Comment


                    #10
                    Originally posted by 1stDuncan View Post
                    I've had this issue with a couple of the default themes in Actinic.
                    I've noticed it with some of the default themes too
                    PITA having to get rid of it
                    Tracey

                    Comment

                    Working...
                    X