SitePoint Sponsor

User Tag List

Results 1 to 4 of 4

Thread: CSS Table?

  1. #1
    SitePoint Zealot
    Join Date
    Dec 2010
    Posts
    118
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS Table?

    Is there a way to Style my table so it would look like that:


    Do I need to use those Images?

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,288
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    You can style most things to look like what you want but it does depend on the detail and what is required.

    What do you mean by "Do I need to use those images exactly"?

    If you want an image background then you will need a background image.

    That doesn't look like tabular data but assuming it was you should be able to style it like that. Just place a background image on the table (or on a div that holds the table as IE is a bit funny with images on tables). Put the scrollbar on the div and then just style the tds with the foreground colour as required and adjust the cell spacing.

    It looks more like a list to me though where you could have the background image on the ul and set the foreground and spacing on the list elements.

    The ul could have the scrollbar although you would need js for custom scrollbars colours (which should generally be avoided).

  3. #3
    SitePoint Zealot
    Join Date
    Dec 2010
    Posts
    118
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ok I was able to make evrything but the ScrollBar..
    How can I make the LIST ScrollBar looks exectly as it looks in the picture?

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,288
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    If you mean you want to change the scrollbar looks then you can't do that with css alone (although older IE browsers allow you to change the colouring but not the chrome).

    If you want custom components then you will need js although as I said before users don't usually like custom scrollbars.

    If you meant something else then you will need to clarify a little more.


Bookmarks

Posting Permissions

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