Ebben tudnátok segíteni?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Órarend</title>
<style>
html {
font-family: sans-serif;
}
table {
border-collapse: collapse;
border: 2px solid rgb(200,200,200);
letter-spacing: 1px;
font-size: 0.8rem;
}
td, th {
border: 1px solid rgb(190,190,190);
padding: 10px 20px;
}
td {
text-align: center;
}
caption {
padding: 10px;
}
</style>
</head>
<body>
<h1>Órarend</h1>
<table>
<tr>
<td>Órák</td>
<th>Hét</th>
<th>Kedd</th>
<th>Szer</th>
<th>Csüt</th>
<th>Péntek</th>
</tr>
<tr>
<th>8:00</th>
<td>Tesi</td>
<td>Matek</td>
<td>Tesi</td>
<td>Matek</td>
<td>Nyelvtan</td>
</tr>
<tr>
<th>9:00</th>
<td>Matek</td>
<td>Info</td>
<td>Ének</td>
<td>Tesi</td>
<td>Ofö</td>
</tr>
<tr>
<th>10:00</th>
<td>Angol</td>
<td>Tesi</td>
<td>Nyelv</td>
<td>Környezet</td>
<td>Matek</td>
</tr>
<tr>
<th>11:00</th>
<td>Történelem</td>
<td>Irodalom</td>
<td>Történelem</td>
<td>Angol</td>
<td>Angol</td>
<tr>
<th>12:00</th>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
</tr>
</tr>
</table>
</body>
</html>
</body>
</html>
A 12:00.-nál márcsak ott akadtam el, hogyan lehetne, hogy egy cella legyen az egész, ahova azt lehetne írni végig, hogy szünet? Cellát kitörni?
(További sorok hozzáadása már megy)
válasza:<th>12:00</th>
<td colspan="5">szünet</td>
, a többi - pedig kitörlöd
Márcsak az lenne a kérdésem, hogy az ugyanolyan órák legyenek egyszínűek. a CSS.-ben kell rájuk hivatkozni ez megvan .
De ha a HTML.-ben pluszban létrehozok egy sort legalulra akkor amire hivatkoztam az a tantárgy pluszban megjelenik szombatnál a szünet mellett és csak az lesz beszínezve, a többi ugyanolyan nevű tantárgy nem. :(
válasza:a színezést megoldod a CSS class selectorral [link]
a táblázatnál meg értelemszerűen, ha 12 órához raksz valamit, akkor módosítod a colspan értékét
ha szerdához kell egy plusz óra, akkor van két szüneted, colspan 2-el
<td colspan="2">szünet</td>
<td>Matek</td>
<td colspan="2">szünet</td>
A hét kezdtem el legelőszőr foglalkozni a kódokkal. Megtetszett az órarend szerkesztés, azért találtam ki ezt, mert sok dolgot meglehet ezzel is tanulni.
Itt a sor végén be kellene még írni hogy <td class=“matek>Matek..
de ebben az esetben új sort hoz ki, a Css.-ben enélkül hogy tudnék hivatkozni rá, tehát hogy a Matek mondjuk sárga színű legyen, a tesi kék…
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Órarend</title>
<style>
html {
font-family: sans-serif;
}
table {
border-collapse: collapse;
border: 2px solid rgb(200,200,200);
letter-spacing: 1px;
font-size: 0.8rem;
}
td, th {
border: 1px solid rgb(190,190,190);
padding: 10px 20px;
}
td {
text-align: center;
}
caption {
padding: 10px;
}
</style>
</head>
<body>
<h1>Órarend</h1>
<table>
<tr>
<td>Órák</td>
<th>Hét</th>
<th>Kedd</th>
<th>Szer</th>
<th>Csüt</th>
<th>Péntek</th>
</tr>
<tr>
<th>8:00</th>
<td>Tesi</td>
<td>Matek</td>
<td>Tesi</td>
<td>Matek</td>
<td>Nyelvtan</td>
</tr>
<tr>
<th>9:00</th>
<td>Matek</td>
<td>Info</td>
<td>Ének</td>
<td>Tesi</td>
<td>Ofö</td>
</tr>
<tr>
<th>10:00</th>
<td>Angol</td>
<td>Tesi</td>
<td>Nyelv</td>
<td>Környezet</td>
<td>Matek</td>
</tr>
<tr>
<th>11:00</th>
<td>Történelem</td>
<td>Irodalom</td>
<td>Történelem</td>
<td>Angol</td>
<td>Angol</td>
<tr>
<th>12:00</th>
<td colspan="2">szünet</td>
<td>Angol</td>
<td colspan="2">szünet</td>
</tr>
<td class="matek">Matek</td
</table>
</body>
</html>
</body>
</html>
válasza:nem teljesen értem a problémád, nem erre gondolsz?
egyébként jobb ezt használni, mert a gyakorikérdések törli a formázást
Wow. Köszi. Tök jó az is, hogy #yyy számmal is keverhetek ki kódot. A törit átírtam angolra az elején, mert ékezetet nem fogadja el. Külön jó az is, de erre most kivételesen én jöttem rá, hogy az Éneket azért tudtam beszínezni, mert hangjegy emoji-t tettem a kódba és az >Énekkel és végül a hangjegyre tudtam hivatkozni, így a Törihez raktam kardot és arra hivatkoztam :)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Órarend</title>
<style>
html {
font-family: sans-serif;
}
table {
border-collapse: collapse;
border: 2px solid rgb(200, 200, 200);
letter-spacing: 1px;
font-size: 0.8rem;
}
td,
th {
border: 1px solid rgb(190, 190, 190);
padding: 10px 20px;
}
td {
text-align: center;
}
caption {
padding: 10px;
}
.matek {
background-color: lightyellow;
}
.tesi {
background-color: lightblue;
}
.angol { background-color:
lightgreen
}
.⚔️ { background-color: lightpink}
.nyelvtan { background-color:
#777 }
.🎼 { background-color:
#144
}
</style>
</head>
<body>
<h1>Órarend</h1>
<table>
<tr>
<td>Órák</td>
<th>Hét</th>
<th>Kedd</th>
<th>Szer</th>
<th>Csüt</th>
<th>Péntek</th>
</tr>
<tr>
<th>8:00</th>
<td class="tesi">Tesi</td>
<td class="matek">Matek</td>
<td class="tesi">Tesi</td>
<td class="matek">Matek</td>
<td class= "nyelvtan">Nyelvtan</td>
</tr>
<tr>
<th>9:00</th>
<td class="matek">Matek</td>
<td>Info</td>
<td class="🎼">Ének</td>
<td class="tesi">Tesi</td>
<td>Ofö</td>
</tr>
<tr>
<th>10:00</th>
<td class="angol">Angol</td>
<td class="tesi">Tesi</td>
<td class= "nyelvtan">Nyelvtan</td>
<td>Környezet</td>
<td class="matek">Matek</td>
</tr>
<tr>
<th>11:00</th>
<td class="⚔️">Történelem</td>
<td>Irodalom</td>
<td class="⚔️">Történelem</td>
<td class= "angol">Angol</td>
<td class="angol">Angol</td>
</tr>
<tr>
<th>12:00</th>
<td colspan="2">szünet</td>
<td class="angol">Angol</td>
<td colspan="2">szünet</td>
</tr>
</table>
</body>
</html>
Kapcsolódó kérdések:
Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!