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

Thread: Blogger CSS

  1. #1
    New Coder
    Join Date
    Sep 2008
    Posts
    31
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Blogger CSS

    I'm trying to integrate Blogger into my existing site, but I'm having some trouble with one aspect of the CSS. Specifically, in my main template (http://www.howtomeetbroads.com), I've got a horizontal row of buttons at the top. In my Blogger template (http://www.howtomeetbroads.com/updates.html), though, I can't seem to get those same buttons to display horizontally. They simply show up vertically in the upper left-hand corner. I feel like this is probably something simple in the CSS, but I can't seem to figure out how to fix it.

    Additionally, in my main template, those buttons act as rollovers using javascript. But in the Blogger template, that doesn't work either.

    Any help would be greatly appreciated.

    Thanks!

  • #2
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,956
    Thanks
    9
    Thanked 727 Times in 721 Posts
    I think the difference is because you have

    img{display:block}

    in updates.html, and you have a background image set for your buttons. I'd guess this is because updates.html is html strict rather than transitional , requiring the display:block statement.

    However, I can't see an image at all behind the buttons, it just looks black to me, so why not just remove the image tage entirely? Alternatively use the image as the background image to the <a> tag.

    If you have to have the image where it is in the code, then maybe give a try with

    #buttons img{display:inline;vertical-align:bottom}

    and see what that does.

  • Users who have thanked SB65 for this post:

    jcx1028 (05-26-2009)

  • #3
    New Coder
    Join Date
    Sep 2008
    Posts
    31
    Thanks
    4
    Thanked 0 Times in 0 Posts
    That did it. You rock. Thanks for your help!


  •  

    Posting Permissions

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