Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    Regular Coder
    Join Date
    Feb 2010
    Posts
    224
    Thanks
    25
    Thanked 0 Times in 0 Posts

    Email form cropped in half

    I've created a blog for a friend, but am having an issue with a 'follow by email' form in the sidebar. When I first install the widget, everything is fine (including when I refresh the page), but if I navigate away from the page, i.e. close it completely, and then come back, the form is cropped in half along its length.

    I use FF 21.0, but the issue is also present in Chrome.

    I suspect it's a height or maybe a line-height somewhere in the code, but I've been unable to resolve it so far.

    Any help much appreciated

    http://sistersmartonamission.blogspot.co.uk/ (SFW)
    Last edited by OurJud; 06-10-2013 at 03:29 PM.

  • #2
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,955
    Thanks
    9
    Thanked 726 Times in 720 Posts
    This is your problem:

    Code:
    .sidebar .widget, .main .widget {
        border-bottom: 0 none;
        margin-bottom: -18px;
        padding: 0;
    }
    Get rid of that negative margin.

    If you want to reduce the space between the widgets add:

    Code:
    .widget h2{
       margin-top:0.5em
    }
    Use the W3C HTML Validator and CSS Validator to check your code and Firebug to see what css is applied to an element
    Read Steve Krug's book Don't Make Me Think - essential reading on web usability
    I don't recommend much, but I do recommend Clook for UK web hosting

  • Users who have thanked SB65 for this post:

    OurJud (06-10-2013)

  • #3
    Regular Coder
    Join Date
    Feb 2010
    Posts
    224
    Thanks
    25
    Thanked 0 Times in 0 Posts
    Thanks very much, SB65. Very much appreciated!
    Last edited by OurJud; 06-10-2013 at 03:29 PM. Reason: Resolved


  •  

    Posting Permissions

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