Tabelki w html

pytanie zadane 29 września 2018 w HTML i CSS przez Młody programista Obywatel (1,200 p.)
zamknięte 30 września 2018 przez Młody programista

Mam zrobić tabelki te ze zdjęcia
Zrobiłem jedną, reszty nie wiem, pomoże ktoś,doradzi?

<!DOCTYPE html>

       <html lang="pl">
    <head>
        <meta charset="UTF-8"/>
        <title>Tabele</title>
        <meta name="description" content="tabele,zstio"/>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <body bgcolor="#FFFFCC">

    <table border="1" cellpadding="5" cellspacing="5" height="20%" width="40%" rules="all" align="center">


 
 <tr >
  <td width="20%" ></td>
  <td colspan="2"><center><b>Wydruki</center></td>  
  <td width="20%" align="center"><b>Liczba stałych  <br>pracowników </td>
  <td width="20%" align="center"><b>Liczba zleceń</td>
  </tr>
  <tr>
 <td width="20%"></td>
 <td width="15%" align="center"><b>Planowanie</td>
 <td width="15%" align="center"><b>Rzeczywiste</td> 
 <td></td>
<td></td>


  </tr>
<tr>
<td align="center"><b>Styczeń</td>
<td align="right">1450</td>
<td align="right">2345</td>
<td align="center">200</td>
<td align="center">150</td>
</tr>

    <tr>
        <td align="center"><b>Luty</td>
        <td align="right">2000</td>
        <td align="right">5000</td>
        <td align="center">345</td>
        <td align="center">190</td>
        </tr>
        <tr>
        <th colspan="5" height="40"><center>Tabela opisująca schematy wydatków</center> </th> 

        </tr>

    </table>
<br />
<br />
<br />

    <table border="1" cellpadding="5" cellspacing="5" height="20%" width="40%" rules="all" align="center">
    <tr bgcolor="#008000">
  <td width="20%" ><b>Lp</td>
  <td colspan="2"><center><b>Imię</center></td>  
  <td width="20%" align="center"><b>Nazwisko </td>
  <td width="20%" align="center"><b>Ocena</td>
  </tr>
  
  

    </tabel>
    
    
    
    </body>
    </html>

komentarz zamknięcia: otrzymałem odpowiedź

komentarz 29 września 2018 przez Misiek Mądrala (5,300 p.)

z którą tabelka nie możesz sobie poradzić ?

co dokładnie sprawia ci problem ?

ma to być czysty HTML czy z CSS ?

komentarz 29 września 2018 przez Młody programista Obywatel (1,200 p.)

tabelka 2 i 3 nie wychodzi mi napisanie tych tabel

komentarz 29 września 2018 przez Młody programista Obywatel (1,200 p.)

@Misiek, czysty

2 odpowiedzi

odpowiedź 29 września 2018 przez Misiek Mądrala (5,300 p.)

Tabelka B

<!DOCTYPE html>
 
       <html lang="pl">
    <head>
        <meta charset="UTF-8"/>
        <title>Tabele</title>
        <meta name="description" content="tabele,zstio"/>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <body bgcolor="#FFFFCC">
		<font face="Verdana">
		<table border="0" frame="box" cellpadding="0" cellspacing="0" width="400px" bgcolor="#F0E68C">
			<tr bgcolor="green">
				<th height="40px">Lp</th>
				<th>Imię</th>
				<th>Nazwisko</th>
				<th>Ocena</th>
			</tr>
			<tr>
				<td>1</td>
				<td>Marcin</td>
				<td>Kowalski</td>
				<td>4</td>
			</tr>
			<tr>
				<td>2</td>
				<td>Zuzanna</td>
				<td>Miter</td>
				<td>4,5</td>
			</tr>
			<tr>
				<td>3</td>
				<td>Paweł</td>
				<td>Rolak</td>
				<td>5</td>
			</tr>
			<tr>
				<td>4</td>
				<td>Agnieszka</td>
				<td>Ciepła</td>
				<td>3</td>
			</tr>
			<tr>
				<td>5</td>
				<td>Danuta</td>
				<td>Żagańska</td>
				<td>5</td>
			</tr>
		</tabel>
		</font>
	</body>
</html>

komentarz 29 września 2018 przez Młody programista Obywatel (1,200 p.)

Wielkie dzięki,

A dałbyś rade napisać tą trzecią?

komentarz 29 września 2018 przez Misiek Mądrala (5,300 p.)

tworze :) daj chwilkę

komentarz 29 września 2018 przez Młody programista Obywatel (1,200 p.)

O, dzięki, wielkie dzięki

odpowiedź 29 września 2018 przez Misiek Mądrala (5,300 p.)

Tabelka C

tu jest problem z czystym HTML z wyróżnieniem tej komórki czarnym obramowaniem gdyż chrome odczytuje obramowanie całej tabeli a nie czyta komórki a IE na odwrót :) mówimy tu o IE 11

<!DOCTYPE html>
 
       <html lang="pl">
    <head>
        <meta charset="UTF-8"/>
        <title>Tabele</title>
        <meta name="description" content="tabele,zstio"/>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <body bgcolor="#FFFFCC">
		<table border="1" bordercolor="red" cellpadding="0" cellspacing="0" width="1000px">
			<tr>
				<td bgcolor="#ffff01" height="60px" colspan="2" rowspan="2" align="center" valign="top">aaaaaaa</td>
				<td bgcolor="#d9d9d9" height="60px" rowspan="3" align="right" valign="bottom">aaaaaaa</td>
				<td bgcolor="#ffc000" height="60px" colspan="2" align="center">aaaaaaa</td>
			</tr>
			<tr>
				<td bgcolor="#00aff0" rowspan="2" valign="top">aaaaaaa</td>
				<td bgcolor="#dce4f1" height="40px" bordercolor="black" align="right">aaaaaaa</td>
			</tr>
			<tr>
				<td bgcolor="#fad3b4" height="50" align="center">aaaaaaa</td>
				<td bgcolor="#92d248" height="50" align="center">aaaaaaa</td>
				<td bgcolor="#ccc0d8" height="50" align="right">aaaaaaa</td>
			</tr>
			<tr>
				<td bgcolor="#538ed4" height="60px" align="right" valign="bottom">aaaaaaa</td>
				<td bgcolor="#d99596" height="60px" align="right" valign="bottom">aaaaaaa</td>
				<td bgcolor="#e26c0a" height="60px" align="center" valign="bottom">aaaaaaa</td>
				<td bgcolor="#a6a6a6" height="60px" align="center" valign="bottom">aaaaaaa</td>
				<td bgcolor="#fce9da" height="60px" align="center" valign="bottom">aaaaaaa</td>
			</tr>
		</tabel>
	</body>
</html>