HTML question

Discussion in 'HTML & Website Design' started by phillip, Aug 27, 2006.

0
  1. #1
    I'm trying to center my text in a certain way

    i want it to like like this:

    Test Test Test
    Test Test Test Test
    Test Test Test

    but it always comes out like this:

    Test Test Test
    Test Test Test Test
    Test Test Test ​

    anyone know how to do that?
     
    phillip, Aug 27, 2006 IP
  2. Gatorade

    Gatorade Peon

    Messages:
    2,130
    Likes Received:
    222
    Best Answers:
    0
    Trophy Points:
    0
    #2
    <div align="center">
    test test test
    <br>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;test test test test
    <br>
    test test test
    </div>

    Is that what you mean?
     
    Gatorade, Aug 27, 2006 IP
  3. noppid

    noppid gunnin' for the quota

    Messages:
    4,246
    Likes Received:
    232
    Best Answers:
    0
    Trophy Points:
    135
    #3
    Nest two divs
    
<div align="center">
<div align="left">
Test Test Test
Test Test Test Test
Test Test Test 
</div>
</div>
    HTML:
    I dunno if width will be an issue or not.
     
    noppid, Aug 27, 2006 IP
  4. phillip

    phillip Active Member

    Messages:
    727
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    60
    #4
    yea i dont know what to do its messing with the menus when i add the div tag
     
    phillip, Aug 27, 2006 IP
  5. shashe

    shashe Peon

    Messages:
    73
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Trying using <BLOCKQUOTE></BLOCKQUOTE> as many times as necessary to get it centered. i. e. <BLOCKQUOTE><BLOCKQUOTE><BLOCKQUOTE>XXXX</BLOCKQUOTE></BLOCKQUOTE></BLOCKQUOTE>
     
    shashe, Aug 27, 2006 IP
  6. ramakrishna p

    ramakrishna p Notable Member

    Messages:
    1,798
    Likes Received:
    361
    Best Answers:
    0
    Trophy Points:
    240
    #6
    <!--the Following will keep the text to left if no class is applied to tag <p>-->
    <p>Test Test Test <br />
    Test Test Test Test <br />
    Test Test Test</p>

    <!--The align="center" class to <p> tag will align the text center-->
    <p align="center">Test Test Test <br />
    Test Test Test Test <br />
    Test Test Test</p>

    This is just an example how the text is being aligned in html page.
     
    ramakrishna p, Aug 27, 2006 IP
    SumitBahl likes this.
  7. phillip

    phillip Active Member

    Messages:
    727
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    60
    #7
    it doesnt line up. just centers it thanks though
     
    phillip, Aug 28, 2006 IP
  8. ramakrishna p

    ramakrishna p Notable Member

    Messages:
    1,798
    Likes Received:
    361
    Best Answers:
    0
    Trophy Points:
    240
    #8
    Can You paste here the link to the page in question?
     
    ramakrishna p, Aug 28, 2006 IP
  9. phillip

    phillip Active Member

    Messages:
    727
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    60
    #9
    well my site isnt up yet. but i will post a example if what i want.

    [​IMG]

    i want to set my text up so it looks exactly like a google ad format
     
    phillip, Aug 28, 2006 IP
  10. gamenz

    gamenz Peon

    Messages:
    22
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #10
    change your font, i think thats what it causing it
     
    gamenz, Aug 28, 2006 IP
  11. phillip

    phillip Active Member

    Messages:
    727
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    60
    #11
    im using arial and thats the same font as the picture shown.
     
    phillip, Aug 28, 2006 IP
  12. phillip

    phillip Active Member

    Messages:
    727
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    60
    #12
    anyone know?
     
    phillip, Aug 30, 2006 IP
  13. Gordaen

    Gordaen Peon

    Messages:
    277
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    0
    #13
    Adjust the width as necessary:

    <div style="width: 50%; text-align: left; margin-left: auto; margin-right: auto;">
blah blah blah blah<br />
blah blah blah blah blah<br />
blah blah blah blah
</div>
    HTML:
     
    Gordaen, Aug 30, 2006 IP
  14. bkarnot

    bkarnot Peon

    Messages:
    85
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #14
    Yeah use CSS. It's the best for positioning.
     
    bkarnot, Sep 1, 2006 IP
  15. ketan9

    ketan9 Active Member

    Messages:
    548
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    58
    #15
    Use this:
    <div align="left">Test Test Test <br>
    Test Test Test Test <br>
    Test Test Test </div>

    Always try IE and firefox simultaneously to test your html, coz. IE & FF sometimes gives surprisingly different results.
     
    ketan9, Sep 2, 2006 IP
  16. livingearth

    livingearth Well-Known Member

    Messages:
    1,469
    Likes Received:
    83
    Best Answers:
    0
    Trophy Points:
    140
    #16
    Nobody uses tables anymore?

    <TABLE><TR><TD><center>
    <table><tr><td>

    <IMG SRC="YOURIMAGE.JPG">

    </td><td>

    TEST TEST TEST <br>
    TEST TEST TEST TEST <br>
    TEST TEST TEST

    </td></tr></table>
    </TD></TR></TABLE>
     
    livingearth, Sep 2, 2006 IP
  17. E8MC

    E8MC Peon

    Messages:
    43
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #17
    Tables are one way to accomplish what you're after, although that method isn't preferred anymore -- you'd do alot better, using less code, by creating a CSS style sheet to control data on your site.
     
    E8MC, Sep 2, 2006 IP
  18. jose17

    jose17 Peon

    Messages:
    266
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #18
    how about using some CSS and usng
    <p style="padding left:10px">
    TEST TEST TEST <br>
    TEST TEST TEST TEST <br>
    TEST TEST TEST
    </p>

    or something like that
     
    jose17, Sep 4, 2006 IP