Hi I am building a Wordpress site and just need some help positioning some Divs.
the website address is here (http://www.antiquesilveronline.com). I am trying the position the 3 latest news block side by side instead of underneath each other.
Any ideas? Thanks in advance :thumbsup:
01-19-2013, 05:38 PM
First of all there are 5 errors in validation. You should fix those so they don't add to the problem. The very precise width and margin definition are probably messing up the floats. If it is too tight it will break. You need to keep the totals with slightly less then the available space in the container.
01-19-2013, 06:08 PM
thanks, I will double check everything ta
01-19-2013, 06:51 PM
I have fixed all but one error and still cannot get it to work. Even if I ask it to display just two news posts, they stack under each other rather than side by side.
01-19-2013, 07:03 PM
The three latest news blocks are all inside the same parent which only has a 33% width, and they are not floated and do not have a width.
The parent must be wide enough to hold them. They each must have a width specified. The total width of the three must not be more than the width of the parent block. Each of them must have float:left included in their styles. The parent does not need float:left
01-19-2013, 07:12 PM
Hi thanks for your comment.
I am trying to use the 1140px grid system so I have tried to apply twelvecol to #latest-posts and fourcol to the #latest-post. Problem is im using code someone else gave me so I guess im lacking the understanding of how it was put together
01-19-2013, 07:12 PM
I meant threecol to #latest-post
01-19-2013, 07:18 PM
This syntax is incorrect:
<div class="latest-post" class="threecol">
As a result threecol does not get applied.
The correct way to specify multiple classes is:
<div class="latest-post threecol">
01-20-2013, 12:08 AM
You are completely right, I should have know better and spotted that doh. Thanks so much for pointing that out, I have now fixed it and it's working. Thank you :)
01-20-2013, 04:59 PM
:thumbsup: It never hurts to have an extra pair of eyes.