OK I know this is in the CSS somewhere! But >

HTML & CSS
1

Do you think I can suss this one out?

No I have been faffing about with the CSS for ages and still can’t fathom how to fix this >

Great Looking Page

OK it’s not all that great but hey I am not a web designer.

Could anyone please spot in the CSS how I get the three widgetized columns below the cartoon strips section to move up a bit?

Please! :slight_smile:

I have tried all sorts but can’t get it to quite sit the way I think you will agree when you see it that it should sit.

Anyone any idea?

Oh and the logo is just temp a better one is coming soon b4 someone says it looks a bit naff

2

The gap is caused by the bottom margin of article (50px) and the top margin of #columns .widget (30px).


article {
    -moz-border-radius: 5px 5px 5px 5px;
    -moz-box-shadow: 0 1px 1px #999999;
    background: none repeat scroll 0 0 #000000;
    margin: 0 0 50px;
    padding: 5px;
    position: relative;
    text-align: center;
}


#columns .widget {
    -moz-border-radius: 4px 4px 4px 4px;
    margin: 30px 20px 0;
    padding: 2px;
}
3

You have created a class for all articles that has a 50 px margin on the bottom. Try taking out that margin.

4

I was looking over Victorinox’s shoulder :lol:

Or maybe vice versa. :mad:

5

Thanks guys it was the 50px I changed it to 2 and now it looks the dogs or the bees knees but then I am throwing this together with code from all over and am going by visuals as a web designer I am not as SEO is more my thing RE text (mainly).
How does it look to you all btw?

Is there anything glaring I should address code wise do you think?

It has not been tested on anything yet …

6

You have shoulders too? We should start a Facebook group! :smiley: