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 10 of 10
  1. #1
    Regular Coder
    Join Date
    Dec 2012
    Posts
    121
    Thanks
    15
    Thanked 1 Time in 1 Post

    WP - Can someone help with positioning

    Hi I am building a Wordpress site and just need some help positioning some Divs.

    the website address is here. I am trying the position the 3 latest news block side by side instead of underneath each other.

    Any ideas? Thanks in advance

  • #2
    Regular Coder COBOLdinosaur's Avatar
    Join Date
    Jul 2002
    Location
    Canada
    Posts
    404
    Thanks
    2
    Thanked 32 Times in 32 Posts
    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.
    100% standards compliant code is 100% correct 100% of the time.
    one of my toys from my repository and perhaps some help getting help

    Cd&

  • #3
    Regular Coder
    Join Date
    Dec 2012
    Posts
    121
    Thanks
    15
    Thanked 1 Time in 1 Post
    thanks, I will double check everything ta

  • #4
    Regular Coder
    Join Date
    Dec 2012
    Posts
    121
    Thanks
    15
    Thanked 1 Time in 1 Post
    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.

  • #5
    Regular Coder COBOLdinosaur's Avatar
    Join Date
    Jul 2002
    Location
    Canada
    Posts
    404
    Thanks
    2
    Thanked 32 Times in 32 Posts
    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
    100% standards compliant code is 100% correct 100% of the time.
    one of my toys from my repository and perhaps some help getting help

    Cd&

  • #6
    Regular Coder
    Join Date
    Dec 2012
    Posts
    121
    Thanks
    15
    Thanked 1 Time in 1 Post
    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

  • #7
    Regular Coder
    Join Date
    Dec 2012
    Posts
    121
    Thanks
    15
    Thanked 1 Time in 1 Post
    I meant threecol to #latest-post

  • #8
    Regular Coder COBOLdinosaur's Avatar
    Join Date
    Jul 2002
    Location
    Canada
    Posts
    404
    Thanks
    2
    Thanked 32 Times in 32 Posts
    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">
    100% standards compliant code is 100% correct 100% of the time.
    one of my toys from my repository and perhaps some help getting help

    Cd&

  • Users who have thanked COBOLdinosaur for this post:

    charlyanderson (01-19-2013)

  • #9
    Regular Coder
    Join Date
    Dec 2012
    Posts
    121
    Thanks
    15
    Thanked 1 Time in 1 Post
    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

  • #10
    Regular Coder COBOLdinosaur's Avatar
    Join Date
    Jul 2002
    Location
    Canada
    Posts
    404
    Thanks
    2
    Thanked 32 Times in 32 Posts
    It never hurts to have an extra pair of eyes.
    100% standards compliant code is 100% correct 100% of the time.
    one of my toys from my repository and perhaps some help getting help

    Cd&

  • Users who have thanked COBOLdinosaur for this post:

    charlyanderson (01-20-2013)


  •  

    Posting Permissions

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