Menu
Hi,
Got Fire Fox v101.01.
This working fine:
[code]
<table border=”10″ cellspacing=”5″ cellpadding=”20″ bordercolor = “red” bgcolor = “white”>
But I read they deprecated in html 5. So, how they working here ? Should I ignore them or not ?
Talking out:
bgcolor
background
Is bordercolor, caption, colgroup deprecated ?
<i>
</i><!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1>The colgroup element</h1>
<table>
<colgroup>
<col span="2" style="background-color:red">
<col style="background-color:yellow">
</colgroup>
<tr>
<th>ISBN</th>
<th>Title</th>
<th>Price</th>
</tr>
<tr>
<td>3476896</td>
<td>My first HTML</td>
<td>$53</td>
</tr>
<tr>
<td>5869207</td>
<td>My first CSS</td>
<td>$49</td>
</tr>
</table>
</body>
</html>
>@novice2022#1644808 With pure html5 only. How to do ?
[code=html]
<td style="background-color: #336699;color: white;">
[/code]
>@novice2022#1644808
> With pure html5 only. How to do ?
<i>
</i><!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1">
<title>The tr element</title>
<link rel="stylesheet" href="screen.css" media="screen">
<style media="screen">
body {
background-color: #f9f9f9;
font: normal 1em / 1.5em sans-serif;
}
th, td {
padding: 0.5em 0.75em;
}
tr th:nth-of-type(1),
tr th:nth-of-type(2),
tr td:nth-of-type(1),
tr td:nth-of-type(2) {
background-color:#f00;
animation: colorchange 9s ease-in-out infinite;
}
tr th:nth-of-type(3),
tr td:nth-of-type(3) {
background-color:#ff0;
}
@keyframes colorchange {
0% {
background-color:#f00;
} <br/>
33.3% {
background-color:#090;
color: #fff;
}
66.6% {
background-color:#00f;
color: #fff;
}
}
</style>
</head>
<body>
<h1>The tr element</h1>
<table>
<thead>
<tr>
<th scope="col">ISBN</th>
<th scope="col">Title</th>
<th scope="col">Price</th>
</tr>
</thead>
<tbody>
<tr>
<td>3476896</td>
<td>My first HTML</td>
<td>$53</td>
</tr>
<tr>
<td>5869207</td>
<td>My first CSS</td>
<td>$49</td>
</tr>
</tbody>
</table>
</body>
</html>
>@novice2022#1644815 sure it's not css and pure html 5
>Is bordercolor, caption, colgroup deprecated ?
>Out of these, which one you know, are deprecated ....
bgcolor
background
bordercolor
caption
colgroup
<i>
</i>#gt0-#gt2:hover {background-color: orange; color: red;}
<i>
</i><!DOCTYPE html>
<html>
<head>
<title>Table</title>
<style>
th:hover {background-color: black; color: gold;}
tr:hover {background-color: silver; color: white;}
#gt0-#gt2:hover {background-color: orange; color: red;}
</style>
</head>
<body>
<table border="20" width="100%" cellspacing="5" cellpadding="20" color="red" bgcolor="orange">
<caption>Caption</caption>
<colgroup>
<col span="3" style="background-color:white; color:green; font-family:courier; font-size:50%">
<col span="3" style="background-color:black; color:blue; font-family:verdana; font-size:40%">
<col span="3" style="color:red; font-family:arial; font-size:10%">
</colgroup>
<thead>
<tr>
<th colspan="3">GOOD</th><th colspan="3">BAD</th><th colspan="3">NEUTRAL</th>
</tr>
</thead>
<tbody>
<tr>
<td>Title</td><td>FIRST NAME</td><td>SURNAME</td><td>Title</td><td>FIRST NAME</td><td>SURNAME</td><td>Title</td><td>FIRST NAME</td><td>SURNAME</td>
</tr>
<tr>
<td id="gt0">Mr</td><td id="gf0">Muhammad</td><td id="gs0">Ali</td><td id="bt0">Mr</td><td id="bf0">Adolph</td><td id="bs0">Hitler</td><td id="nt0">Mr</td><td id="nf0">Mohandas</td><td id="ns0">Ghandi</td>
</tr>
<tr>
<td id="gt1">Mr</td><td id="gf1">Mike</td><td id="gs1">Tyson</td><td id="bt1">Mr</td><td id="bf1">Winston</td><td id="bs1">Churchill</td><td id="nt1">Mr</td><td id="nf1">Crocodile</td><td id="ns1">Dundee</td>
</tr>
<tr>
<td id="gt2">Mr</td><td id="gf2">Malcolm</td><td id="gs2">X</td><td id="bt2">Mr</td><td id="bf2">Joseph</td><td id="bs2">Stalin</td><td id="nt2">Mr</td><td id="nf2">Napolean</td><td id="ns2">Bonaparte</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="3">GOOD</td><td colspan="3">BAD</td><td colspan="3">NEUTRAL</td>
</tr>
</tfoot>
</table>
</body>
</html>
#gt0-#gt2
</C> as a valid selector, although I'm a bit surprised that <C>
#
`<i>
</i>#gt0:hover {background-color: orange; color: red;}
#gt1:hover {background-color: orange; color: red;}
#gt2:hover {background-color: orange; color: red;}
0.1.9 — BETA 4.25