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 7 of 7
  1. #1
    Senior Coder o0O0o.o0O0o's Avatar
    Join Date
    Jan 2008
    Location
    C:\Windows\System32
    Posts
    1,018
    Thanks
    19
    Thanked 9 Times in 9 Posts

    table layout without tables

    hi i have this code


    <Ul>

    <li>data 1 , data2 , data 3 data 4 </li>
    <li>data 1 , data2 , data 3 data 4 </li>
    <li>data 1 , data2 , data 3 data 4 </li>
    <li>data 1 , data2 , data 3 data 4 </li>

    </ul>
    Is there any way that i can make a grid with all the columns and put data1 , data 2 and so on in columns.

    Just like TABLE CELLS with css only

    I want fixed width for all the columns
    Last edited by o0O0o.o0O0o; 06-02-2009 at 02:44 AM.
    Please de-reputate me
    © 0o0o0o0

    Its better to rule in Hell then to serve in Heaven

  • #2
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    What you want to do looks to me like the correct use of tables.

    If the data is tabular, then tables are how it should be done.

    bazz
    "The day you stop learning is the day you become obsolete"! - my late Dad.

    Why do some people say "I don't know for sure"? If they don't know for sure then, they don't know!
    Useful MySQL resource
    Useful MySQL link

  • #3
    Senior Coder o0O0o.o0O0o's Avatar
    Join Date
    Jan 2008
    Location
    C:\Windows\System32
    Posts
    1,018
    Thanks
    19
    Thanked 9 Times in 9 Posts
    I can't use tables , my Javascript function only works with LI items
    So

    Is there any way to do in css
    Please de-reputate me
    © 0o0o0o0

    Its better to rule in Hell then to serve in Heaven

  • #4
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,677
    Thanks
    6
    Thanked 1,008 Times in 981 Posts
    Quote Originally Posted by o0O0o.o0O0o View Post
    I can't use tables , my Javascript function only works with LI items
    What?
    How about rewriting that JS function then to work with tables?

    Show us what you’ve got.

  • #5
    Senior Coder
    Join Date
    Nov 2003
    Location
    Minneapolis, MN
    Posts
    2,879
    Thanks
    2
    Thanked 65 Times in 56 Posts
    You'd have to edit your HTML to have elements in your list items. Like:

    Code:
    <li><span>data 1</span><span>data 2</span></li>
    …etc. I'd say just modify the Javascript, as long as you have to edit it to produce the HTML you want. I don't know how you'd modify that HTML with only CSS to get it to format in columns.

  • #6
    Senior Coder o0O0o.o0O0o's Avatar
    Join Date
    Jan 2008
    Location
    C:\Windows\System32
    Posts
    1,018
    Thanks
    19
    Thanked 9 Times in 9 Posts
    I am using Drag and Drop sorting list to sort the items displayed in <li> items

    I tried tables , but then the function is not working.If i drag then whole table is dragged
    LI is working fine

    I tried using span but i am not able to specify the width of span.
    all text is appearing next to each other.

    ANy other solution
    Please de-reputate me
    © 0o0o0o0

    Its better to rule in Hell then to serve in Heaven

  • #7
    Senior Coder o0O0o.o0O0o's Avatar
    Join Date
    Jan 2008
    Location
    C:\Windows\System32
    Posts
    1,018
    Thanks
    19
    Thanked 9 Times in 9 Posts
    I solved the problem!! yo

    Actually i had to use <tbody> inside the table to make it work
    But thanks all
    Please de-reputate me
    © 0o0o0o0

    Its better to rule in Hell then to serve in Heaven


  •  

    Posting Permissions

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