How do I align these boxes with Float?

Discussion in 'CSS' started by peppy, Jan 30, 2010.

  1. #1
    My test page is here: http://www.lolroulette.com/test/

    At the bottom of the page, I have two boxes: YAMS and HAM

    How do I get these above my article box so that they appear on the top of the page?

    Thanks
     
    peppy, Jan 30, 2010 IP
  2. Bogdanirov

    Bogdanirov Peon

    Messages:
    58
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Hello there!
    This thing is easy, just open the index.php file from your theme directory and somewhere, at the bottom of the page you will see two DIVs (basics and howto).
    Well, you will have to select and move them above the article class.
    I hope you understand what I say and if you can't figure it out, PM me.
     
    Bogdanirov, Jan 31, 2010 IP
  3. Hecky

    Hecky Like a Dungeon Dragon!

    Messages:
    5,656
    Likes Received:
    284
    Best Answers:
    1
    Trophy Points:
    0
    #3
    Just copy these :

    and put them above :

     
    Hecky, Jan 31, 2010 IP
  4. peppy

    peppy Active Member

    Messages:
    389
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    95
    #4
    I know this part, but how can i leave it so that my <H1> tag and article appears immediately after the body at the top though so search engines index this part first? Yet have my two boxes appear near the top for visitors?

    I want it sort of like my links menu where they are actually the last item indexed by the search engines besides the footer.
     
    peppy, Jan 31, 2010 IP
  5. skum

    skum Peon

    Messages:
    16
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Unfortunately there is no float top/bottom.
    A solution for fixed height elements is to add absolute positioning with top:0 to the element you want to appear at the top. Remember to push the other content down the same amount as the height of the top element. Otherwise they will be placed on top of eachother.
     
    skum, Feb 1, 2010 IP
  6. MrKushhy

    MrKushhy Peon

    Messages:
    67
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #6
    move the divs to the top of your index.php file
     
    MrKushhy, Feb 1, 2010 IP