Setting table column width

<table style="width: 100%">
    <colgroup>
       <col span="1" style="width: 15%;">
       <col span="1" style="width: 70%;">
       <col span="1" style="width: 15%;">
    </colgroup>
    
    
    
    <!-- Put <thead>, <tbody>, and <tr>'s here! -->
    <tbody>
        <tr>
            <td style="background-color: #777">15%</td>
            <td style="background-color: #aaa">70%</td>
            <td style="background-color: #777">15%</td>
        </tr>
    </tbody>
</table>

Related Posts:

  1. Setting table column width
  2. Add border-bottom to table row
  3. Set cellpadding and cellspacing in CSS?
  4. Removing border from table cells
  5. Make a div fill the height of the remaining screen space
  6. Padding a table row
  7. Table scroll with HTML and CSS
  8. Set cellpadding and cellspacing in CSS?
  9. Table fixed header and scrollable body
  10. Alternate table row color using CSS?
  11. CSS table td width – fixed, not flexible
  12. td widths, not working?
  13. Half circle with CSS (border, outline only)
  14. Unblur content inside blurring background div
  15. Failed to load resource: the server responded with a status of 404 (Not Found) css
  16. CSS background-image-opacity?
  17. Resize image proportionally with CSS?
  18. How do I vertically align text in a div?
  19. Embed image in a
  20. Why does z-index not work?
  21. How do I vertically center text with CSS?
  22. Failed to load resource: the server responded with a status of 404 (Not Found) css
  23. How do I vertically center text with CSS?
  24. Can I have an onclick effect in CSS?
  25. How to style a checkbox using CSS
  26. How do I auto-resize an image to fit a ‘div’ container?
  27. CSS Background Image Not Displaying
  28. CSS: Moving the text down a few pixels but keeping the background still?
  29. Fix footer to bottom of page
  30. CSS no text wrap
  31. How to position text over an image in css
  32. shifting a piece of text down using CSS
  33. Display Two
  34. Bootstrap 4 Sticky Footer Not Sticking
  35. How to change css property using javascript
  36. Center form submit buttons HTML / CSS
  37. CSS: Moving the text down a few pixels but keeping the background still?
  38. How to use css first-child with :not()
  39. How to “crop” a rectangular image into a square with CSS?
  40. Should I use px or rem value units in my CSS?
  41. Flexbox: center horizontally and vertically
  42. Maintain the aspect ratio of a div with CSS
  43. How to draw diagonal lines with css
  44. How to keep footer at bottom of screen [duplicate]
  45. How do I set vertical space between list items?
  46. Does bootstrap 4 have a built in horizontal divider?
  47. Check if an element contains a class in JavaScript?
  48. How to move image with css/html
  49. How can I set the image opacity for body background
  50. How to style the option of an html “select” element?
  51. CSS pick a random color from array
  52. html div background image not showing up
  53. Bring element to front using CSS
  54. How to apply style classes to td elements?
  55. Align DIV’s to bottom or baseline
  56. how to overlap two div in css?
  57. CSS hover effect is not working on my code
  58. How can I center a div within another div?
  59. How to align content of a div to the bottom
  60. How do I style a dropdown with only CSS?
  61. Remove scrollbar from iframe
  62. Dynamic height of div with css
  63. Add image in title bar
  64. Removing ul indentation with CSS
  65. vertical divider between two columns in bootstrap
  66. Why an inline “background-image” style doesn’t work in Chrome 10 and Internet Explorer 8?
  67. How to center a navigation bar with CSS or HTML?
  68. Why write script type=”text/javascript” when the mime type is set by the server?
  69. My CSS won’t link to my HTML file
  70. How to make a div 100% height of the browser window
  71. css display table cell requires percentage width
  72. Setting a max character length in CSS
  73. Why doesn’t min-height not work on my page?
  74. How to write a:hover in inline CSS?
  75. CSS Resize/Zoom-In effect on Image while keeping Dimensions
  76. How to draw a trapezium/trapezoid with css3?
  77. How can I change the Bootstrap default font family using font from Google?
  78. Add stroke around text – on the outside – with css?
  79. How to create a text box in PHP to output data
  80. Full Page < iframe >
  81. Change cursor to hand when mouse goes over a row in table
  82. Set textarea width to 100% in bootstrap modal
  83. Can I apply a CSS style to an element name?
  84. Limit width of HTML table
  85. CSS max-height not working
  86. How to create a hidden in JavaScript?
  87. How can I make a div not larger than its contents?
  88. Horizontal list items
  89. How to make Bootstrap Panel body with fixed height
  90. word-wrap break-word does not work in this example
  91. Change navbar text color Bootstrap
  92. position fixed is not working
  93. Create a slanted edge to a div [duplicate]
  94. Override USER AGENT STYLE SHEET – Chrome
  95. Place a button right aligned
  96. aking a flex item float right
  97. How put links in wordpress dynamic sidebar?
  98. Firefox CSS Animations Broke [closed]
  99. Using custom HTML tags to WordPress [closed]
  100. Main menu effect visited

Leave a Comment