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
  •