Rozwiązane

Witam zrobi mi ktoś tą tabele w HTML? Pracę muszę oddać najpóźniej do jutra byłbym bardzo wdzięczny. Wzór tabeli w załączniku.



Witam Zrobi Mi Ktoś Tą Tabele W HTML Pracę Muszę Oddać Najpóźniej Do Jutra Byłbym Bardzo Wdzięczny Wzór Tabeli W Załączniku class=

Odpowiedź :

<!DOCTYPE html>

<html lang="pl-PL">

<html>

 <head>

   <meta charset="utf-8" >

   <style type="text/css">

     html { font-family:Calibri, Arial, Helvetica, sans-serif; font-size:11pt; background-color:white }

     a.comment-indicator:hover + div.comment { background:#ffd; position:absolute; display:block; border:1px solid black; padding:0.5em }

     a.comment-indicator { background:red; display:inline-block; border:1px solid black; width:0.5em; height:0.5em }

     div.comment { display:none }

     table { border-collapse:collapse; page-break-after:always }

     .gridlines td { border:1px dotted black }

     .gridlines th { border:1px dotted black }

     .b { text-align:center }

     .e { text-align:center }

     .f { text-align:right }

     .inlineStr { text-align:left }

     .n { text-align:right }

     .s { text-align:left }

     td.style0 { vertical-align:bottom; border-bottom:none #000000; border-top:none #000000; border-left:none #000000; border-right:none #000000; color:#000000; font-family:'Calibri'; font-size:11pt; background-color:white }

     th.style0 { vertical-align:bottom; border-bottom:none #000000; border-top:none #000000; border-left:none #000000; border-right:none #000000; color:#000000; font-family:'Calibri'; font-size:11pt; background-color:white }

     td.style1 { vertical-align:bottom; text-align:center; border-bottom:1px solid #000000 !important; border-top:1px solid #000000 !important; border-left:1px solid #000000 !important; border-right:1px solid #000000 !important; color:#000000; font-family:'Calibri'; font-size:11pt; background-color:white }

     th.style1 { vertical-align:bottom; text-align:center; border-bottom:1px solid #000000 !important; border-top:1px solid #000000 !important; border-left:1px solid #000000 !important; border-right:1px solid #000000 !important; color:#000000; font-family:'Calibri'; font-size:11pt; background-color:white }

     td.style2 { vertical-align:top; text-align:left; padding-left:0px; border-bottom:1px solid #000000 !important; border-top:1px solid #000000 !important; border-left:1px solid #000000 !important; border-right:1px solid #000000 !important; color:#000000; font-family:'Calibri'; font-size:11pt; background-color:#7F7F7F }

     th.style2 { vertical-align:top; text-align:left; padding-left:0px; border-bottom:1px solid #000000 !important; border-top:1px solid #000000 !important; border-left:1px solid #000000 !important; border-right:1px solid #000000 !important; color:#000000; font-family:'Calibri'; font-size:11pt; background-color:#7F7F7F }

     td.style3 { vertical-align:bottom; text-align:center; border-bottom:1px solid #000000 !important; border-top:1px solid #000000 !important; border-left:1px solid #000000 !important; border-right:1px solid #000000 !important; color:#000000; font-family:'Calibri'; font-size:11pt; background-color:#BFBFBF }

     th.style3 { vertical-align:bottom; text-align:center; border-bottom:1px solid #000000 !important; border-top:1px solid #000000 !important; border-left:1px solid #000000 !important; border-right:1px solid #000000 !important; color:#000000; font-family:'Calibri'; font-size:11pt; background-color:#BFBFBF }

     td.style4 { vertical-align:bottom; border-bottom:1px solid #000000 !important; border-top:1px solid #000000 !important; border-left:1px solid #000000 !important; border-right:1px solid #000000 !important; color:#000000; font-family:'Calibri'; font-size:11pt; background-color:white }

     th.style4 { vertical-align:bottom; border-bottom:1px solid #000000 !important; border-top:1px solid #000000 !important; border-left:1px solid #000000 !important; border-right:1px solid #000000 !important; color:#000000; font-family:'Calibri'; font-size:11pt; background-color:white }

     td.style5 { vertical-align:bottom; border-bottom:1px solid #000000 !important; border-top:1px solid #000000 !important; border-left:1px solid #000000 !important; border-right:1px solid #000000 !important; color:#000000; font-family:'Calibri'; font-size:11pt; background-color:#7F7F7F }

     th.style5 { vertical-align:bottom; border-bottom:1px solid #000000 !important; border-top:1px solid #000000 !important; border-left:1px solid #000000 !important; border-right:1px solid #000000 !important; color:#000000; font-family:'Calibri'; font-size:11pt; background-color:#7F7F7F }

     td.style6 { vertical-align:bottom; border-bottom:1px solid #000000 !important; border-top:1px solid #000000 !important; border-left:1px solid #000000 !important; border-right:1px solid #000000 !important; color:#000000; font-family:'Calibri'; font-size:11pt; background-color:white }

     th.style6 { vertical-align:bottom; border-bottom:1px solid #000000 !important; border-top:1px solid #000000 !important; border-left:1px solid #000000 !important; border-right:1px solid #000000 !important; color:#000000; font-family:'Calibri'; font-size:11pt; background-color:white }

     td.style7 { vertical-align:bottom; text-align:center; border-bottom:1px solid #000000 !important; border-top:1px solid #000000 !important; border-left:1px solid #000000 !important; border-right:1px solid #000000 !important; color:#000000; font-family:'Calibri'; font-size:11pt; background-color:#00B0F0 }

     th.style7 { vertical-align:bottom; text-align:center; border-bottom:1px solid #000000 !important; border-top:1px solid #000000 !important; border-left:1px solid #000000 !important; border-right:1px solid #000000 !important; color:#000000; font-family:'Calibri'; font-size:11pt; background-color:#00B0F0 }

     td.style8 { vertical-align:bottom; border-bottom:1px solid #000000 !important; border-top:1px solid #000000 !important; border-left:1px solid #000000 !important; border-right:1px solid #000000 !important; color:#000000; font-family:'Calibri'; font-size:11pt; background-color:white }

     th.style8 { vertical-align:bottom; border-bottom:1px solid #000000 !important; border-top:1px solid #000000 !important; border-left:1px solid #000000 !important; border-right:1px solid #000000 !important; color:#000000; font-family:'Calibri'; font-size:11pt; background-color:white }

     td.style9 { vertical-align:bottom; border-bottom:1px solid #000000 !important; border-top:1px solid #000000 !important; border-left:1px solid #000000 !important; border-right:1px solid #000000 !important; color:#000000; font-family:'Calibri'; font-size:11pt; background-color:white }

     th.style9 { vertical-align:bottom; border-bottom:1px solid #000000 !important; border-top:1px solid #000000 !important; border-left:1px solid #000000 !important; border-right:1px solid #000000 !important; color:#000000; font-family:'Calibri'; font-size:11pt; background-color:white }

     table.sheet0 col.col0 { width:42pt }

     table.sheet0 col.col1 { width:42pt }

     table.sheet0 col.col2 { width:55.57777714pt }

     table.sheet0 col.col3 { width:42pt }

     table.sheet0 col.col4 { width:82.68888794pt }

     table.sheet0 tr { height:15pt }

   </style>

 </head>

 <body>

<style>

@page { margin-left: 0.7in; margin-right: 0.7in; margin-top: 0.75in; margin-bottom: 0.75in; }

body { margin-left: 0.7in; margin-right: 0.7in; margin-top: 0.75in; margin-bottom: 0.75in; }

</style>

   <table border="0" cellpadding="0" cellspacing="0" id="sheet0" class="sheet0 gridlines">

       <col class="col0">

       <col class="col1">

       <col class="col2">

       <col class="col3">

       <col class="col4">

       <tbody>

         <tr class="row0">

           <td class="column0 style7 s style7" colspan="5">Mężczyźni</td>

         </tr>

         <tr class="row1">

           <td class="column0 style2 s style2" rowspan="2">Wiek</td>

           <td class="column1 style3 s style3" colspan="4">%tkanki tłuszczowej</td>

         </tr>

         <tr class="row2">

           <td class="column1 style4 s">Ideał</td>

           <td class="column2 style1 s style1" colspan="2">Norma</td>

           <td class="column4 style4 s">Nadwa lub otyłość</td>

         </tr>

         <tr class="row3">

           <td class="column0 style5 s">19-24</td>

           <td class="column1 style4 s">10.8%</td>

           <td class="column2 style4 s">14.9%</td>

           <td class="column3 style4 s">19.0%</td>

           <td class="column4 style4 s">23.3%</td>

         </tr>

         <tr class="row4">

           <td class="column0 style5 s">25-29</td>

           <td class="column1 style4 s">12.8%</td>

           <td class="column2 style4 s">16.5% 1</td>

           <td class="column3 style4 s">20.3%</td>

           <td class="column4 style4 s">24.4%</td>

         </tr>

         <tr class="row5">

           <td class="column0 style5 s">30-34</td>

           <td class="column1 style4 s">14.5%</td>

           <td class="column2 style4 s">18.0%</td>

           <td class="column3 style4 s">21.5%</td>

           <td class="column4 style4 s">25.2%</td>

         </tr>

         <tr class="row6">

           <td class="column0 style5 s">35-39</td>

           <td class="column1 style4 s">16.1%</td>

           <td class="column2 style4 s">19.4%</td>

           <td class="column3 style4 s">22.6%</td>

           <td class="column4 style4 s">26.1%</td>

         </tr>

         <tr class="row7">

           <td class="column0 style5 s">40-44</td>

           <td class="column1 style4 s">17.5%</td>

           <td class="column2 style4 s">20.5%</td>

           <td class="column3 style4 s">23.6%</td>

           <td class="column4 style6 s">26.9%</td>

         </tr>

         <tr class="row8">

           <td class="column0 style5 s">45-49</td>

           <td class="column1 style4 s">18.6%</td>

           <td class="column2 style4 s">21.5%</td>

           <td class="column3 style4 s">24.5%</td>

           <td class="column4 style4 s">27.6%</td>

         </tr>

         <tr class="row9">

           <td class="column0 style5 s">50-54</td>

           <td class="column1 style4 s">19.8%</td>

           <td class="column2 style4 s">22.7%</td>

           <td class="column3 style6 s">25.6%</td>

           <td class="column4 style4 s">28.7%</td>

         </tr>

         <tr class="row10">

           <td class="column0 style5 s">55-59</td>

           <td class="column1 style4 s">20.2%</td>

           <td class="column2 style4 s">23.2%</td>

           <td class="column3 style6 s">26.2%</td>

           <td class="column4 style4 s">29.3%</td>

         </tr>

         <tr class="row11">

           <td class="column0 style5 s">60 +</td>

           <td class="column1 style4 s">20.3%</td>

           <td class="column2 style4 s">23.5%</td>

           <td class="column3 style4 s">26.7%</td>

           <td class="column4 style4 s">29.8%</td>

         </tr>

         <tr class="row12">

           <td class="column0 style7 s style7" colspan="5">Kobiety</td>

         </tr>

         <tr class="row13">

           <td class="column0 style5 s">19-24</td>

           <td class="column1 style4 s">18.9%</td>

           <td class="column2 style4 s">21.1% 22,1%</td>

           <td class="column3 style4 s">25.0%</td>

           <td class="column4 style4 s">29.6%</td>

         </tr>

         <tr class="row14">

           <td class="column0 style5 s">25-29</td>

           <td class="column1 style4 s">18.9%</td>

           <td class="column2 style6 s">22.1% 22,1%</td>

           <td class="column3 style4 s">25.4% 2</td>

           <td class="column4 style4 s">29.8%</td>

         </tr>

         <tr class="row15">

           <td class="column0 style5 s">30-34</td>

           <td class="column1 style4 s">19.7%</td>

           <td class="column2 style8 s">22.0%</td>

           <td class="column3 style4 s">26.4%</td>

           <td class="column4 style4 s">30.5%</td>

         </tr>

         <tr class="row16">

           <td class="column0 style5 s">35-39</td>

           <td class="column1 style4 s">21.0%</td>

           <td class="column2 style4 s">24.0%</td>

           <td class="column3 style4 s">27.7%</td>

           <td class="column4 style4 s">31.5%</td>

         </tr>

         <tr class="row17">

           <td class="column0 style5 s">40-44</td>

           <td class="column1 style4 s">22.6%</td>

           <td class="column2 style4 s">25.6%</td>

           <td class="column3 style4 s">29.3%</td>

           <td class="column4 style4 s">32.8%</td>

         </tr>

         <tr class="row18">

           <td class="column0 style5 s">45-49</td>

           <td class="column1 style4 s">24.3%</td>

           <td class="column2 style4 s">27.3%</td>

           <td class="column3 style4 s">30.9 %</td>

           <td class="column4 style4 s">34.1%</td>

         </tr>

         <tr class="row19">

           <td class="column0 style5 s">50-54</td>

           <td class="column1 style4 s">26.6%</td>

           <td class="column2 style4 s">29.7%</td>

           <td class="column3 style4 s">33.1%</td>

           <td class="column4 style4 s">36.2%</td>

         </tr>

         <tr class="row20">

           <td class="column0 style5 s">55-59</td>

           <td class="column1 style4 s">27.4%</td>

           <td class="column2 style4 s">30.7%</td>

           <td class="column3 style4 s">34.0%</td>

           <td class="column4 style4 s">37.3%</td>

         </tr>

         <tr class="row21">

           <td class="column0 style5 s">60 +</td>

           <td class="column1 style9 s">27.6%</td>

           <td class="column2 style9 s">31.0%</td>

           <td class="column3 style9 s">34.4%</td>

           <td class="column4 style9 s">38.0%</td>

         </tr>

       </tbody>

   </table>

 </body>

</html>

Inne Pytanie