Discover Habbo's history
Treat yourself with a Secret Santa gift.... of a random Wiki page for you to start exploring Habbo's history!
Happy holidays!
Celebrate with us at Habbox on the hotel, on our Forum and right here!
Join Habbox!
One of us! One of us! Click here to see the roles you could take as part of the Habbox community!


Results 1 to 5 of 5
  1. #1
    Join Date
    Nov 2005
    Posts
    4,486
    Tokens
    921

    Latest Awards:

    Default Footer text alignment stuff - [REP]

    Ok, Thanks to some other members I have sorted my earlier question.
    Now I need some help with my footer's text.



    As you can see, I have some text.
    What I want to do, is leave that text their and add some more on the far right of that bar with a gap in the middle, understand?

    What would I need to do / how can I do this.
    I am using DIVs and CSS for this layout, so any help will be useful.

    - Tom
    "RETIRED" FROM HABBO(X)

    :¬:

    TOMSPIT / COWLY05


  2. #2
    Join Date
    Aug 2005
    Location
    London
    Posts
    9,773
    Tokens
    146

    Latest Awards:

    Default

    <span style="text-align: right;">Test</span>
    I'm sure that would work?

  3. #3
    Join Date
    Nov 2007
    Posts
    1,253
    Tokens
    150

    Latest Awards:

    Default

    Use spans, one with float: left and one with float right.

    Obviously you shouldnt put the style paramaters directly on the span... but I dunno your stylesheet layout.

    HTML Code:
    <span style="float: left">TEXT ON LEFT</span>
    
    <span style="float: right">TEXT ON RIGHT</span>
    Put those in your footer div.


    www.fragme.co = a project.

  4. #4
    Join Date
    Nov 2005
    Posts
    4,486
    Tokens
    921

    Latest Awards:

    Default

    Thanks both of you guys, You will both be receiving rep =D
    Kind of stupid, I forgot all about span.
    "RETIRED" FROM HABBO(X)

    :¬:

    TOMSPIT / COWLY05


  5. #5
    Join Date
    Jul 2008
    Posts
    16
    Tokens
    0

    Default

    More clean/effective way could be styling a UL to be your footers properties and add list's for both of the things like:

    Code:
    ul {
    padding: 0;
    margin: 0;
    width: 405px;
    }
    
    ul li {
    float:left;
    width: 200px;
    }
    Code:
    <ul>
    <li>Left Text</li>
    <li>Right Text</li>
    </ul>
    Just style the UL to the footers style, it creates a two column inteferance

Posting Permissions

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