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 6 of 6
  1. #1
    Regular Coder kyllle's Avatar
    Join Date
    Mar 2008
    Posts
    334
    Thanks
    85
    Thanked 2 Times in 2 Posts

    Aligning text and adding a border?

    Hi all,

    I was wondering if you can help me out because i just cant think of the best way to achieve the following.

    I have text like this:

    Event: Lorem Ipsom
    ------------------------------------
    Venue: The arena, london
    ------------------------------------
    Time: 20:00

    p.s the lorem, arena and 20:00 should be all aligned under each other

    Basically I want to display my information like the above, I though the best way is to create 2 unordered lists, one for event, venue, time and another for lorem, arena, 20:00 then float the 2 lists beside one another but then I was unsure how I could add the border between each line?

    All help very welcomed and thanks in advance

    Kyle
    Last edited by kyllle; 05-18-2009 at 05:37 PM.

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,865
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    You could use tables(left columns as <th>s and right columns as <td>s), as your data looks tabular.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    Almost definitely a table.

  • #4
    Regular Coder kyllle's Avatar
    Join Date
    Mar 2008
    Posts
    334
    Thanks
    85
    Thanked 2 Times in 2 Posts
    and this doesnt go against the whole css over tables advice?

  • #5
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,865
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Quote Originally Posted by kyllle View Post
    and this doesnt go against the whole css over tables advice?
    No! For presenting tabular data, a <table> is the right tag.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    kyllle (05-18-2009)

  • #6
    Regular Coder kyllle's Avatar
    Join Date
    Mar 2008
    Posts
    334
    Thanks
    85
    Thanked 2 Times in 2 Posts
    thanks!!


  •  

    Posting Permissions

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