Jump to content
Sign in to follow this  
universalhall7

boxes formatting problem

Recommended Posts

universalhall7

HI, My wife does the CSS around here but she can't work out what is wrong with the box formatting. She has tried firebug but the code looks the same. site is http://www.humansolutionsnow.com/ boxes at bottom of page. Ones on right run into each other. Any help very much appreciated! Rob

Share this post


Link to post
Share on other sites
kgstew

Hi Rob, Has any custom CSS been added to the boxes or did this happen all on its own when setting the boxes on the page? -Kyle

Share this post


Link to post
Share on other sites
zone5landscapes

Took a quick look, you have a center align style on all but the top left box around 'read more/buy' this is a `

` line in the code that has a 10x bottom margin on the other 3 boxes. That seems to account for the difference in box sizes and may well point to where the overlap is coming from? you can find it with Firebug if you move the cursor to the left of the 'read/buy' text on the right hand boxes - there's a paragraph box all the way across the bottom. hope this helps

Share this post


Link to post
Share on other sites
universalhall7

Thanks Andrew and kgstew Yes we created some custom css for the boxes but as Andrew spotted the problem was the alignment and now it is sorted assuming the text is the same length. Phew! Thanks very much for your help!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×