...

View Full Version : WP - Can someone help with positioning



charlyanderson
01-19-2013, 03:28 PM
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:

COBOLdinosaur
01-19-2013, 04: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.

charlyanderson
01-19-2013, 05:08 PM
thanks, I will double check everything ta

charlyanderson
01-19-2013, 05: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.

COBOLdinosaur
01-19-2013, 06: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

charlyanderson
01-19-2013, 06: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

charlyanderson
01-19-2013, 06:12 PM
I meant threecol to #latest-post

COBOLdinosaur
01-19-2013, 06: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">

charlyanderson
01-19-2013, 11:08 PM
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 :)

COBOLdinosaur
01-20-2013, 03:59 PM
:thumbsup: It never hurts to have an extra pair of eyes.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum