Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • World
  • Users
  • Groups
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Code Project
  1. Home
  2. Other Discussions
  3. Site Bugs / Suggestions
  4. CSS: table-related elements need at least a bit of styling

CSS: table-related elements need at least a bit of styling

Scheduled Pinned Locked Moved Site Bugs / Suggestions
csharpcssvisual-studiocomarchitecture
4 Posts 2 Posters 0 Views 1 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • S Offline
    S Offline
    Sergey Alexandrovich Kryukov
    wrote on last edited by
    #1

    Look at the ugliness of a table in this article, where it is simply put by default: All in One Toolchain for Article Writing with Visual Studio Code. First of all, elements badly need some padding. And perhaps some default simple bordering/shading. This is the CSS I normally use:

    th, td { border: thin solid black; padding-left: 1em; padding-right: 1em; }
    th { border-bottom: solid black 2px; }
    th { background-color: lightGray; font-weight: normal; font-size: 100%; }
    table { border: solid black 2px; border-collapse: collapse; }

    How about that? Thank you.

    —SA

    Sergey A Kryukov

    C 1 Reply Last reply
    0
    • S Sergey Alexandrovich Kryukov

      Look at the ugliness of a table in this article, where it is simply put by default: All in One Toolchain for Article Writing with Visual Studio Code. First of all, elements badly need some padding. And perhaps some default simple bordering/shading. This is the CSS I normally use:

      th, td { border: thin solid black; padding-left: 1em; padding-right: 1em; }
      th { border-bottom: solid black 2px; }
      th { background-color: lightGray; font-weight: normal; font-size: 100%; }
      table { border: solid black 2px; border-collapse: collapse; }

      How about that? Thank you.

      —SA

      Sergey A Kryukov

      C Offline
      C Offline
      Chris Maunder
      wrote on last edited by
      #2

      Have you read Article Formatting tips for CodeProject[^]?

      cheers Chris Maunder

      S 2 Replies Last reply
      0
      • C Chris Maunder

        Have you read Article Formatting tips for CodeProject[^]?

        cheers Chris Maunder

        S Offline
        S Offline
        Sergey Alexandrovich Kryukov
        wrote on last edited by
        #3

        Oh... yes, I did, but I forgot about these features. Thank you. Then my suggestion would be different: one of those quite reasonable style sets should be applied as default to the table without any CSS classes applied. Isn't that reasonable? Thank you anyway. At least I can manually fix one particular article... Well, and not even manually. Just for your understanding: again, the method I developed is to prepare 100% of CodeProject article off-line in a very convenient environment. This is Visual Studio Code with Markdown now. Now it works 100%, with all the work-around techniques of the problems I asked to you to fix lately (TOC style), and is 100% shared with our readers in this very article. I think such comprehensive work for particularly useful the community deserve certain support. —SA

        Sergey A Kryukov

        1 Reply Last reply
        0
        • C Chris Maunder

          Have you read Article Formatting tips for CodeProject[^]?

          cheers Chris Maunder

          S Offline
          S Offline
          Sergey Alexandrovich Kryukov
          wrote on last edited by
          #4

          By the way, may I remind you... how about my question about my Tetris article, Tetris on Canvas? Its "Live Preview" section still stays empty. This section was your initiative; and we agreed that I would have to address you to modify the article, because the author's submission would not pass the iframe you've used. I remind you that something happened in between, so the section shows empty space for a long time now; and people keep downloading the game. As a minimum, I need to know: shall I remove this section completely, or you could restore it? Thank you.

          —SA

          Sergey A Kryukov

          1 Reply Last reply
          0
          Reply
          • Reply as topic
          Log in to reply
          • Oldest to Newest
          • Newest to Oldest
          • Most Votes


          • Login

          • Don't have an account? Register

          • Login or register to search.
          • First post
            Last post
          0
          • Categories
          • Recent
          • Tags
          • Popular
          • World
          • Users
          • Groups