Plan lekcji HTML + data

0

Witam. Mam problem z zadaniem z Tworzenia Stron Internetowych. Muszę zrobić plan lekcji (tabelki itp.) i chciałem dodać żeby a zależności od dnia dana komórka podświetlała się na inny kolor (poniedziałek godzina 10:00 podświetla się 3 komórka w pierwszej kolumnie (nie licząc godzin i dni tygodnia)). Mam zrobioną tabelkę i teraz w sumie nie wiem co robić. Dodaję kod tego co mam kolory komórek potem usunę.

<!DOCTYPE html> 
<html>
<head>

</head>
<body>
<table border = "5">
<tr>
<th width="200" style="height: 100">Lekcje</th>
    <th bgcolor = "green" width="200" style="height: 100">Poniedizałek</th>
    <th bgcolor = "blue" width="200" style="height: 100">Wtorek</th>
    <th bgcolor = "red" width="200" style="height: 100">Środa</th>
    <th bgcolor = "yellow" width="200" style="height: 100">Czwartek</th>
    <th bgcolor = "#660066" width="200" style="height: 100">Piątek</th>
</tr>
<tr>
<td width="200" style="height: 100">1 lekcja 7:45-8:30</td>
    <td bgcolor = "#ff3300" rowspan="3" width="200" style="height: 100">TSI
    <table align="right" border = "1">
        <tr>
            <td >312</td>
                <td >TJ</td>
            </tr>
        </table>
   
    </td>
    <td bgcolor = "#ff6600" width="200" style="height: 100">---</td>
    <td rowspan = "2" width="200" style="height: 100">PADiM
    <table align="right" border = "1">
        <tr>
            <td>17</td>
                <td>JL</td>
            </tr>
        </table>
    </td>
   
    <td bgcolor = "#ff3300" width="200" style="height: 100">Historia
    <table align="right" border = "1">
        <tr>
            <td>403</td>
                <td>MP</td>
            </tr>
        </table>
    </td>
   
    <td width="200" style="height: 100">Religia
    <table align="right" border = "1">
        <tr>
            <td>314</td>
                <td>JŁ</td>
            </tr>
        </table>
    </td>
</tr>
<tr>
<td width="200" style="height: 100">2 lekcja 8:40-9:25</td>
  
    <td width="200" style="height: 100">WF
    <table align="right" border = "1">
        <tr>
            <td>110</td>
                <td>TR</td>
            </tr>
        </table>
    </td>

    <td width="200" style="height: 100">Biologia
    <table align="right" border = "1">
        <tr>
            <td>315</td>
                <td>BJ</td>
            </tr>
        </table>
    </td>
    <td width="200" style="height: 100">WoS
    <table align="right" border = "1">
        <tr>
            <td>403</td>
                <td>MP</td>
            </tr>
        </table>
    </td>
</tr>
<tr>
<td width="200" style="height: 100">3 lekcja 9:35-10:20</td>

    <td width="200" style="height: 100">Historia
    <table align="right" border = "1">
        <tr>
            <td>403</td>
                <td>MP</td>
            </tr>
        </table>
    </td>
    <td width="200" style="height: 100">j.niemiecki
    <table align="right" border = "1">
        <tr>
            <td>423</td>
                <td>TU</td>
            </tr>
        </table>
    </td>
    <td width="200" style="height: 100">Matematyka
    <table align="right" border = "1">
        <tr>
            <td>213</td>
                <td>KK</td>
            </tr>
        </table>
    </td>
    <td width="200" style="height: 100">Informatyka
    <table align="right" border = "1">
        <tr>
            <td>113</td>
                <td>ŁK</td>
            </tr>
        </table>
    </td>
</tr>
<tr>
<td width="200" style="height: 100">4 lekcja 10:40-11:25</td>]
    <td width="200" style="height: 100">Wychowawcza
    <table align="right" border = "1">
        <tr>
            <td>205</td>
                <td>WA</td>
            </tr>
        </table>
    </td>
    <td colspan = "2" width="200" style="height: 100">j.angielski
    <table align="right" border = "1">
        <tr>
            <td>418</td>
                <td>JJ</td>
            </tr>
        </table>
    </td>
    <td rowspan = "2" width="200" style="height: 100">j.polski
    <table align="right" border = "1">
        <tr>
            <td>214</td>
                <td>DM</td>
            </tr>
        </table>
    </td>
    <td width="200" style="height: 100">WoK
    <table align="right" border = "1">
        <tr>
            <td>214</td>
                <td>DM</td>
            </tr>
        </table>
    </td>
</tr>
<tr>
<td width="200" style="height: 100">5 lekcja 11:35-12:20</td>
    <td width="200" style="height: 100">j.polski
    <table align="right" border = "1">
        <tr>
            <td>214</td>
                <td>DM</td>
            </tr>
        </table>
    </td>
    <td width="200" style="height: 100">geografia
    <table align="right" border = "1">
        <tr>
            <td>426</td>
                <td>JB</td>
            </tr>
        </table>
    </td>
    <td rowspan = "2" width="200" style="height: 100">WF
    <table align="right" border = "1">
        <tr>
            <td>110</td>
                <td>TR</td>
            </tr>
        </table>
    </td>
    <td width="200" style="height: 100">Fizyka
    <table align="right" border = "1">
        <tr>
            <td>205</td>
                <td>WA</td>
            </tr>
        </table>
    </td>
</tr>
<tr>
<td width="200" style="height: 100">6 lekcja 12:30-13:15</td>
    <td width="200" style="height: 100">p_przedsiębiorstwa
    <table align="right" border = "1">
        <tr>
            <td>304</td>
                <td>JH</td>
            </tr>
        </table>
    </td>
    <td width="200" style="height: 100">EdB
    <table align="right" border = "1">
        <tr>
            <td>304</td>
                <td>ZU</td>
            </tr>
        </table>
    </td>
    <td width="200" style="height: 100">Religia
    <table align="right" border = "1">
        <tr>
            <td>314</td>
                <td>JŁ</td>
            </tr>
        </table>
    </td>
    <td width="200" style="height: 100">Matematyka
    <table align="right" border = "1">
        <tr>
            <td>213</td>
                <td>KK</td>
            </tr>
        </table>
    </td>
</tr>
<tr>
<td width="200" style="height: 100">7 lekcja 13:30-14:15</td>
    <td width="200" style="height: 100">---</td>
    <td width="200" style="height: 100">Chemia
    <table align="right" border = "1">
        <tr>
            <td>216</td>
                <td>BP</td>
            </tr>
        </table>
    </td>
    <td rowspan = "2" width="200" style="height: 100">EUP
    <table align="right" border = "1">
        <tr>
            <td>103</td>
                <td>SW</td>
            </tr>
        </table>
    </td>
    <td width="200" style="height: 100">---</td>
    <td rowspan = "2" width="200" style="height: 100">PSK
    <table align="right" border = "1">
        <tr>
            <td>103</td>
                <td>UK</td>
            </tr>
        </table>
    </td>
</tr>
<tr>
<td width="200" style="height: 100">8 lekcja 14:25-15:10</td>
    <td width="200" style="height: 100">---</td>
    <td width="200" style="height: 100">Matematyka
    <table align="right" border = "1">
        <tr>
            <td>213</td>
                <td>KK</td>
            </tr>
        </table>
    </td>

    <td width="200" style="height: 100">---</td>
</tr>
</table>


</body>
</html>
0

Nie możesz sobie ułatwić życia i zastosować klasy css? Następnie zainteresuj się pseudo selektorem :nth-child

0 
<style>
td{
	border:5px solid black;
}
</style>
<table>

<tr><td>Lesson</td><td>Monday</td><td>Tuesday</td><td>Wednesday</td><td>Thursday</td><td>Friday</td></tr>
<tr><td>1 lekcja 7:45-8:30</td><td rowspan="3" style="background: <?php echo (getDate()['weekday']=='Friday' ? 'yellow' :'');?>">TSI</td><td>----</td><td rowspan="2">PADIM</td><td>Historia</td><td>Religy</td></tr>
<tr><td>2 lekcja 8:40-9:25</td><td>wf</td><td>Biology</td><td>WOS</td></tr>
<tr><td>3 lekcja 9:35-10:20</td><td>history</td><td>j. germanish</td><td>Mathematic</td><td>Informatics</td></tr>
<tr><td>3 lekcja 9:35-10:20</td><td>Wychowawcza</td><td>j. germanish</td><td>Mathematic</td><td>Informatics</td><td>ddd</td></tr>
<tr><td>3 lekcja 9:35-10:20</td><td>J. polish</td><td>j. germanish</td><td>Mathematic</td><td>Informatics</td><td>ddd</td></tr>
<tr><td>3 lekcja 9:35-10:20</td><td>p przedsiebiorstwa</td><td>j. germanish</td><td>Mathematic</td><td>Informatics</td><td>ddd</td></tr>
<tr><td>3 lekcja 9:35-10:20</td><td>----</td><td>j. germanish</td><td>Mathematic</td><td>Informatics</td><td>ddd</td></tr>
<tr><td>3 lekcja 9:35-10:20</td><td>----</td><td>j. germanish</td><td>Mathematic</td><td>Informatics</td><td>ddd</td></tr>

</table>

Użyj czegoś z tych funkcji:

http://php.net/manual/en/ref.datetime.php
http://php.net/manual/pl/datetime.construct.php

<td rowspan="3" style="background: <?php echo (getDate()['weekday']=='Friday' ? 'yellow' :'');?>">TSI</td>

Zamiast getDate(), możesz użyć innych funkcji.

bgcolor, align i inne tego typu, inline w kodzie są zdeprecjonowane. Zamiast tego używa się arkusze stylów.

1 użytkowników online, w tym zalogowanych: 0, gości: 1