html table cell width for different rows [duplicate]

by

One solution would be to divide your table into 20 columns of 5% width each, then use colspan on each real column to get the desired width, like this:

<html>
<body bgcolor="#14B3D9">
<table width="100%" border="1" bgcolor="#ffffff">
    <colgroup>
        <col width="5%"><col width="5%">
        <col width="5%"><col width="5%">
        <col width="5%"><col width="5%">
        <col width="5%"><col width="5%">
        <col width="5%"><col width="5%">
        <col width="5%"><col width="5%">
        <col width="5%"><col width="5%">
        <col width="5%"><col width="5%">
        <col width="5%"><col width="5%">
        <col width="5%"><col width="5%">
    </colgroup>
    <tr>
        <td colspan=5>25</td>
        <td colspan=10>50</td>
        <td colspan=5>25</td>
    </tr>
    <tr>
        <td colspan=10>50</td>
        <td colspan=6>30</td>
        <td colspan=4>20</td>
    </tr>
</table>
</body>
</html>

JSFIDDLE

More Related Contents:

  1. How can i change the icon color to some other color in CSS?
  2. Unable to scroll on website
  3. Why not use tables for layout in HTML? [closed]
  4. CSS margin terror; Margin adds space outside parent element [duplicate]
  5. How do I auto-resize an image to fit a ‘div’ container?
  6. How can I position my div at the bottom of its container?
  7. Make CSS Hover state remain after “unhovering”
  8. How to make a HTML Page in A4 paper size page(s)?
  9. How do I not underline an element in a link?
  10. Best Practices & Considerations when writing HTML Emails [closed]
  11. How create table only using tag and Css
  12. CSS Single-column layout centered fixed-width 100% height w header and footer
  13. How can I correctly select the first or the last child with CSS?
  14. Add border-bottom to table row
  15. How to set maximum height for table-cell?
  16. Chrome rendering issue. Fixed position anchor with UL in body
  17. Change last letter color
  18. Center image element in parent div
  19. Why is the span’s line-height useless?
  20. Can a dynamic class be styled using CSS? [duplicate]
  21. Vertical (rotated) text in HTML table
  22. CSS filter:invert not working with background-color
  23. CSS position absolute and full width problem
  24. Size of font in CSS with slash
  25. Is there a way to get a textarea to stretch to fit its content without using PHP or JavaScript?
  26. How do I change the font-size of an element within ?
  27. Ticks for type=”range” HTML input
  28. Styling autocomplete dropdowns in browsers
  29. Why use a sprite sheet rather than individual images?
  30. Link external CSS file only for specific Div [duplicate]

Leave a Comment