Menu
Community /Pin to ProfileBookmark
& Question
Hi,
Why both table showing same in display ?
Can you spot the difference in coding between the following two ?
They display exactly the same in browser.
Note the <tr></tr> on both.
I sticking to the last one.
Seems like <th> is <tr> but highlights the **text to bold** .
Yes ? Can you confirm this to be the case ?
1.
[code]
<table>
<thead>
<th>ID</th>
<th>EMAIL</th>
</thead>
<tfoot>
<th>ID</th>
<th>EMAIL</th>
</tfoot>
<tbody>
<tr>
<td>Muhammad</td>
<td>Ali</td>
</tr>
<tr>
<td>Jackie</td>
<td>Chan</td>
</tr>
</tbody>
</table>
[/code]
2.
[code]
<table>
<thead>
<tr>
<th>ID</th>
<th>EMAIL</th>
</tr>
</thead>
<tfoot>
<tr>
<th>ID</th>
<th>EMAIL</th>
</tr>
</tfoot>
<tbody>
<tr>
<td>Muhammad</td>
<td>Ali</td>
</tr>
<tr>
<td>Jackie</td>
<td>Chan</td>
</tr>
</tbody>
</table>
[/code]
**CORRECTION: According to tutorials, I should stick to the first one!**
Sign in to post a comment29 Comments(s) ↴
0@novice2022authorJun 21.2022 — #**CORRECTION:**
Seems like <th> is <td> but highlights the text to bold.
Yes ? Can you confirm this ?reply?0@sibertJun 21.2022 — #> @novice2022#1644776 Can you confirm this ?
https://www.w3schools.com/html/tryit.asp?filename=tryhtml_table_intro reply?0
@NogDogJun 21.2022 — #The important thing to understand what it _means_ as far as the text content goes. You can always make it look the way want it to look via CSS. I.e., don't use it on a table cell simply because you want the text to be bold in that cell; but use it because you want that cell to be a **T**able **H**eading cell of some sort, then make it look the way you want (if not the default look the browser displays) via your CSS.reply?0@novice2022authorJun 22.2022 — #@sibert#1644777
Thks.But tht css is too hrd for me t the moment.
Right now, revising html table. Seeing wht html5 deprected or introduced.
I was looking these when I opened this thread.
https://htmlreference.io/tables/
https://www.tutorialspoint.com/html/html_tables.htm
Pure html. No css.
However, checking your css recommendation code out.reply?0
@cootheadJun 22.2022 — #> @novice2022#1644793
> Yes. I know.
Are you sure??? 😧
[i]coothead[/i]reply?0@novice2022authorJun 22.2022 — #@coothead#1644795
Yes.
"**don't use it on a table cell simply because you want the text to be bold in that cell; but use it because you want that cell to be a Table Heading cell of some sort,**"
Look, experimented so far ...
<i>
</i><table border="1" cellspacing="5" cellpadding="20">
<thead>
<th colspan="4">ID</th><th colspan="2">EMAIL</th><th>SURNME</th>
</thead>
<tfoot>
<th rowspan="2" colspan="4">ID</th><th>EMAIL</th><th>SURNME</th>
</tfoot>
<tbody>
<tr>
<td rowspan="2" colspan="4">Muhammad</td><td>Ali</td><td>Hussein</td>
</tr>
<tr>
<td colspan="2">Jackie</td><td>Chan</td>
</tr>
<tr>
<td>Mr</td><td>Likot</td><td>Ali</td><td>Ho</td>
</tr>
<tr>
<td>Junky</td><td>Man</td>
</tr>
</tbody>
</table>
<i>
</i><!-- FAIL:
<th rowspan="4">
<tr rowspan="2" colspan="2">
-->
you don't need any colspan in a th cell. The html will size the heading cells to match the td cells. Doh. reply?0@novice2022authorJun 23.2022 — #@ginerjm#1644804
You wrong man!
I want to enlarge the **th** cells to twice the size of a cell.
Test following code on your localhost and see for yourself as glancing over the code is making you confused.
<i>
</i><!DOCTYPE html>
<head>
<title>Table</title>
<style>
th:hover {background-color: black; color: gold;}
tr:hover {background-color: silver; color: white;}
#gt0,#gt1,#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>
However, my issues are not resolved:
https://forum.webdeveloper.com/d/400067-why-colgroup-style-has-no-effect/3
https://forum.webdeveloper.com/d/400062-how-to-change-text-colour-in-a-table-via-colgroup/10 reply?0@arel3Jun 24.2022 — #In light of the information on [this](https://www.w3schools.com/html/html_tables.asp) page that shares the standards of what all the table element tags are and _mean_ I always thought of them like this:
<tr>
<th><th><tr><td><font><h1>
Good? Bad? Indifferent? Depends on who you ask and/or who replies, where you look and find an answer to a question that starts with 'how should I...'.
We all develop habits and our own style of coding. There are standards, of course. In my opinion as long as the code works and doesn't cause an error there isn't anything wrong with _how_ the code is written. No 2 people write code the exact same way with the exact same spacing or amount of tab-spaces. Some squash all the code together as tight as they can, some use separate lines to make their code more organized, easier to read and find things in without using a search feature.
<td><tr><td>@arel3#1644868
Thanks. I used to scratch my head why they did not have <tc> instead of <td>.
Many times I learnt about tables and many times forgotten over the yrs.
Now, I should be able to not forget what <td> stands for (col) by remembering d stands for "down" (your personal definition). Hence, <td> is for building or dealing with col. That helped.
Yeah, I first learnt html back in 1998. And, I hated tables back then.Found no use for them and I avoided learning html code about them like you avoid Corona Virus. But now, I like them and trying to build a good unique type of table.
I was introduced to internet in 1997 through mail order junks I used to receive. I first got online in 1998. Now html5 is much complicated like programming langs.reply?0@novice2022authorJun 24.2022 — #Hi,
Can <tr> and <th>,<thead>,<tfoot> and <td> have these:
name=
id=
I learnt <td> cannot have:
name=
but can have:
id=
Learnt from here:
https://validator.w3.org/nu/#textarea reply?0@SempervivumJun 24.2022 — #The reason is that the name attribute specifies the key where the value of, e. g. an input, is available in the GET or POST params after a form has been submitted. Therefore a name attribute for a `td` would not make sense.reply?0@novice2022authorJun 24.2022 — #@Sempervivum#1644874
Ah! Well done in your explanation! Things are clear now. I could not understand the difference between the name & id.reply?0@novice2022authorJun 24.2022 — #Hi,
On this, I see now borders for the table, th, tr. Why ?
<i>
</i><!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Test</title>
<link rel="stylesheet" href="screen.css" media="screen">
<style media="screen">
<!--
Design Table Border.
-->
table, th, td {
border: 1px solid;
}
<!--
<table border="20" width="100%" cellspacing="5" cellpadding="20" color="red" bgcolor="orange">
-->
</style>
</head>
<body>
<table id="chars">
<caption>Caption</caption>
<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>
<br>
</body>
</html>
File is saved as .html. Have to save as .css ?
Should see borders like this:
https://www.w3schools.com/css/tryit.asp?filename=trycss_table_border
EDIT:
Nope. Saving as .css, the browser does not render the code. I see plain text of code in the browser.
EDIT 2:
I switched the comment to this:
<!--Design Table Border-->
And working now.reply?0@novice2022authorJun 24.2022 — #I switched the comment to this:
<!--Design Table Border-->
And working now. reply?0@SempervivumJun 24.2022 — #This `<-- this is a comment --></C> is for HTML, in CSS use this instead:<br/>
<C>/* this is a comment */` reply?0@novice2022authorJul 05.2022 — #@Sempervivum#1644883
For css, we use the php multi-line comment ?reply?0@SempervivumJul 05.2022 — #Yes, in CSS the comment can span multiple lines too:
``<i>
</i>/* comment line 1
comment line 2 */<i>
</i>``reply?0@novice2022authorJul 05.2022 — #@Sempervivum#1645183
Tutorials show something like this about the footer ...
<i>
</i><html>
<head>
<style>
table, th, td {
border: 1px solid black;
}
</style>
</head>
<body>
<h1>The thead, tbody, and tfoot elements</h1>
<table>
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>
<tbody>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>Sum</td>
<td>$180</td>
</tr>
</tfoot>
</table>
</body>
</html>
I am switching the <td> to <th> instead on the footer. Works in browser as expected but technically is it ok to have <th> on the <tfooter> since all tutorials show <th> on the <thead>. I got it in both <thead> & <tfoot>. Is that technically sound ?
Look ...
<i>
</i><html>
<head>
<style>
table, th, td {
border: 1px solid black;
}
</style>
</head>
<body>
<h1>The thead, tbody, and tfoot elements</h1>
<table>
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>
<tbody>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
<tfoot>
<tr>
<th>Sum</th>
<th>$180</th>
</tr>
</tfoot>
</table>
</body>
</html>
@Sempervivum
On this one, I do not have <th> on both <thead> & <tfoot> like previous post. But only on <tfoot>.
Is that technically correct too if it works in the browser as expected ?
Notice <thead> as no <th> there since <thead> no exists.
And notice <tfoot>as <th> present.
Look ....
<i>
</i><html>
<head>
<style>
table, th, td {
border: 1px solid black;
}
</style>
</head>
<body>
<h1>The thead, tbody, and tfoot elements</h1>
<table>
<tbody>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
<tfoot>
<tr>
<th>Sum</th>
<th>$180</th>
</tr>
</tfoot>
</table>
</body>
</html>
Or must <thead> exist in a table of <tfoot> exists ?reply?0@novice2022authorJul 05.2022 — #@Sempervivum
On this one, can I have both <thead> & <tfoot> but <thead> got <td> and not <th> while <tfoot> got the <th> instead ?
If you analyse carefully, these 3 posts are not the same but similar questions. I need answers as tutorials are not giving them.
<i>
</i><html>
<head>
<style>
table, th, td {
border: 1px solid black;
}
</style>
</head>
<body>
<h1>The thead, tbody, and tfoot elements</h1>
<table>
<thead>
<tr>
<td>Month</td>
<td>Savings</td>
</tr>
</thead>
<tbody>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
<tfoot>
<tr>
<th>Sum</th>
<th>$180</th>
</tr>
</tfoot>
</table>
</body>
</html>
https://www.w3schools.com/tags/tag_tfoot.asp reply?0@SempervivumJul 05.2022 — #I don't know from scratch about the facts regarding `td</C> vs. <C>th</C> in <C>thead</C> and <C>tfoot` and recommend to ask the validator.
However regarding this:
>Is that technically correct too if it works in the browser as expected ?
I definitely know: The browser are **very** tolerant concerning code being invalid. One can even say that they are trying to make a reasonable display from code that is a mess.reply?0@novice2022authorJul 06.2022 — #@Sempervivum#1645190
Mmm.
Ok. Let's see if I can sort this puzzle with your help. No luck lastnight or tonight.
Can you see this in your browser ?
<i>
</i><h1>Example 2: The thead, tbody, and tfoot elements</h1>
<table>
<caption>Caption</caption>
<thead>
<tr class="header" id="header2" style="background-color:black; color:white;">
<th>Id</th>
<th>Url</th>
<th>Email</th>
</tr>
</thead>
<tbody>
<tr class="datas" id="data1" style="background-color:black; color:blue;">
<td>0</td>
<td>sempervivum.com</td>
<td>[email protected]</td>
</tr>
<tr class="datas" id="data2" style="background-color:black; color:blue;">
<td>1</td>
<td>nogdog.com</td>
<td>[email protected]</td>
</tr>
</tbody>
<tfoot>
<tr class="sponsor" id="heading" rowspan="2" colspan="2" style="background-color:gold;">
<th>Sponsor Link</th>
</tr>
<tr class="sponsor" id="link" rowspan="2" colspan="2" style="background-color:gold;">
<th>http://novice2022.com</th>
</tr>
</tfoot>
</table>
It is nearly working fine as expected. Do run it on your browser to get an idea what I want done.
Now, do you see the footer's row & col span are 2 usual rows & 2 usual columns ?
In that case, the footer should be twice as big in length & width. But not.
Why ?reply?0@NogDogJul 06.2022 — #rowspanhttps://www.w3schools.com/tags/tryit.asp?filename=tryhtml_td_rowspan reply?0@novice2022authorJul 07.2022 — #@NogDog#1645215
I did checkout that tutorial before I opened threads in this forum. Still thanks for the link.
Let me see if I can explain to you what I want done.
Here ...
https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_td_rowspan
been fiddling with that link you gave. Experimenting with different codes for half hr now and have come to the conclusion that colspan & rowspan won't do what I want. And so, I got to get you to suggest me the right table html to do what I want. So, which one is it that I need to look into ?
Look at this code in your browser ....
<i>
</i><h1>Expand Russian Footer To Takeover Whole Ukraine</h1>
<table>
<tr>
<th>Northwest Europe Border</th>
<th>North Europe Border</th>
<th>North East Europe Border</th>
</tr>
<tr>
<td>EU Northwest</td>
<td>EU North</td>
<td>EU Northeast</td>
</tr>
<tr>
<th>North Ukraine</th>
<th rowspan="2" colspan="2">Russia</th>
</tr>
<tr>
<th>South Ukraine</th>
</tr>
</table>
</body>
Can you see the Russian cell ? That is not really a footer. But I need to make it a footer. A footer, who's cell is twice in size rowwise and columnwise than other cells.
See "North Ukraine" & "South Ukraine" cells ?
Now imagine, the Russian cell expanded and tookover those 2 Ukraine cells so they no longer exist. So 3 cells now become 1 cell. How to do that ? I guess rowspan & colspan won;t do here.
Remember, the Russian cell must be at the bottom (footer, like a banner ad) and no cell must be underneath it or besides it. And it's cell must be 2.5 times as big that of any other cell in terms of row and column. Three columns in size and two rows in size compared to the other cells.reply?0@NogDogJul 07.2022 — #@novice2022#1645247
Then apply a style to the <tr>thtd@NogDog#1645252
???
Apply style to expand a cell to takeover two cells on it's left ? Confused.
Or apply style so the two cells (Ukrain) do not appear in the browser but the Russian cell appear instead as big as I want ? What styling tags should I be looking into to achieve all that ? Still confused. Scratching my head.
Css border style ? I get the feeling, the css code would be lengthy to achieve that. What's your hunch ?
Or would the grid html stuff work here ?
While I wait for your answer, let me check the grid, which I forgot to do few hrs ago. But do give an answer. I need to take shortcuts with as min code as possible. Shortest code.reply?Also in #HTML ↴
In Dire need of help. can you check this outhead commands ??Where do the games come from?The web is an endless sea of information. Don't miss the boat... Subscribe!
about: ({
version: 0.1.9 — BETA 4.16,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});
legal: ({
terms: of use,
privacy: policy
});↴changelog: (
version: 0.1.9,
notes: added community page
version: 0.1.8,
notes: added Davinci•003
version: 0.1.7,
notes: upvote answers to bounties
version: 0.1.6,
notes: article editor refresh
)...
↴recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,
tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...
Social
Version
0.1.9 — BETA 4.16
Hi,
Why both table showing same in display ?
Can you spot the difference in coding between the following two ?
They display exactly the same in browser.
Note the <tr></tr> on both.
I sticking to the last one.
Seems like <th> is <tr> but highlights the **text to bold
Yes ? Can you confirm this to be the case ?
1.
[code]
<table>
<thead>
<th>ID</th>
<th>EMAIL</th>
</thead>
<tfoot>
<th>ID</th>
<th>EMAIL</th>
</tfoot>
<tbody>
<tr>
<td>Muhammad</td>
<td>Ali</td>
</tr>
<tr>
<td>Jackie</td>
<td>Chan</td>
</tr>
</tbody>
</table>
2.
[code]
<table>
<thead>
<tr>
<th>ID</th>
<th>EMAIL</th>
</tr>
</thead>
<tfoot>
<tr>
<th>ID</th>
<th>EMAIL</th>
</tr>
</tfoot>
<tbody>
<tr>
<td>Muhammad</td>
<td>Ali</td>
</tr>
<tr>
<td>Jackie</td>
<td>Chan</td>
</tr>
</tbody>
</table>
**CORRECTION: According to tutorials, I should stick to the first one!
Sign in
to post a comment29 Comments(s) ↴
0
@novice2022authorJun 21.2022 — #**CORRECTION:** Seems like <th> is <td> but highlights the text to bold.
Yes ? Can you confirm this ?
reply?
0
@sibertJun 21.2022 — #>@novice2022#1644776 Can you confirm this ?
reply?
0
@NogDogJun 21.2022 — #The important thing to understand what it _means_ as far as the text content goes. You can always make it look the way want it to look via CSS. I.e., don't use it on a table cell simply because you want the text to be bold in that cell; but use it because you want that cell to be a **T**able **H**eading cell of some sort, then make it look the way you want (if not the default look the browser displays) via your CSS.reply?
0
@novice2022authorJun 22.2022 — #Thks.But tht css is too hrd for me t the moment.
Right now, revising html table. Seeing wht html5 deprected or introduced.
I was looking these when I opened this thread.
Pure html. No css.
However, checking your css recommendation code out.
reply?
0
@cootheadJun 22.2022 — #>@novice2022#1644793
> Yes. I know.
Are you sure??? 😧
[i]coothead[/i]
reply?
0
@novice2022authorJun 22.2022 — #Yes.
"**don't use it on a table cell simply because you want the text to be bold in that cell; but use it because you want that cell to be a Table Heading cell of some sort,**"
Look, experimented so far ...
<i>
</i><table border="1" cellspacing="5" cellpadding="20">
<thead>
<th colspan="4">ID</th><th colspan="2">EMAIL</th><th>SURNME</th>
</thead>
<tfoot>
<th rowspan="2" colspan="4">ID</th><th>EMAIL</th><th>SURNME</th>
</tfoot>
<tbody>
<tr>
<td rowspan="2" colspan="4">Muhammad</td><td>Ali</td><td>Hussein</td>
</tr>
<tr>
<td colspan="2">Jackie</td><td>Chan</td>
</tr>
<tr>
<td>Mr</td><td>Likot</td><td>Ali</td><td>Ho</td>
</tr>
<tr>
<td>Junky</td><td>Man</td>
</tr>
</tbody>
</table>
reply?
0
@novice2022authorJun 22.2022 — #Can someone confirm these re invlid s I see I get no chges with ot without them ...<i>
</i><!-- FAIL:
<th rowspan="4">
<tr rowspan="2" colspan="2">
-->
reply?
0
@ginerjmJun 22.2022 — #reply?
0
@novice2022authorJun 23.2022 — #You wrong man!
I want to enlarge the **th** cells to twice the size of a cell.
Test following code on your localhost and see for yourself as glancing over the code is making you confused.
<i>
</i><!DOCTYPE html>
<head>
<title>Table</title>
<style>
th:hover {background-color: black; color: gold;}
tr:hover {background-color: silver; color: white;}
#gt0,#gt1,#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>
However, my issues are not resolved:
reply?
0
@arel3Jun 24.2022 — #In light of the information on <tr><th><th><tr><td><font><h1>Good? Bad? Indifferent? Depends on who you ask and/or who replies, where you look and find an answer to a question that starts with 'how should I...'.
We all develop habits and our own style of coding. There are standards, of course. In my opinion as long as the code works and doesn't cause an error there isn't anything wrong with _how_ the code is written. No 2 people write code the exact same way with the exact same spacing or amount of tab-spaces. Some squash all the code together as tight as they can, some use separate lines to make their code more organized, easier to read and find things in without using a search feature.
<td><tr><td>reply?
0
@novice2022authorJun 24.2022 — #Thanks. I used to scratch my head why they did not have <tc> instead of <td>.
Many times I learnt about tables and many times forgotten over the yrs.
Now, I should be able to not forget what <td> stands for (col) by remembering d stands for "down" (your personal definition). Hence, <td> is for building or dealing with col. That helped.
Yeah, I first learnt html back in 1998. And, I hated tables back then.Found no use for them and I avoided learning html code about them like you avoid Corona Virus. But now, I like them and trying to build a good unique type of table.
I was introduced to internet in 1997 through mail order junks I used to receive. I first got online in 1998. Now html5 is much complicated like programming langs.
reply?
0
@novice2022authorJun 24.2022 — #Hi,Can <tr> and <th>,<thead>,<tfoot> and <td> have these:
name=
id=
I learnt <td> cannot have:
name=
but can have:
id=
Learnt from here:
reply?
0
@SempervivumJun 24.2022 — #The reason is that the name attribute specifies the key where the value of, e. g. an input, is available in the GET or POST params after a form has been submitted. Therefore a name attribute for a td`reply?
0
@novice2022authorJun 24.2022 — #Ah! Well done in your explanation! Things are clear now. I could not understand the difference between the name & id.
reply?
0
@novice2022authorJun 24.2022 — #Hi,On this, I see now borders for the table, th, tr. Why ?
<i>
</i><!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Test</title>
<link rel="stylesheet" href="screen.css" media="screen">
<style media="screen">
<!--
Design Table Border.
-->
table, th, td {
border: 1px solid;
}
<!--
<table border="20" width="100%" cellspacing="5" cellpadding="20" color="red" bgcolor="orange">
-->
</style>
</head>
<body>
<table id="chars">
<caption>Caption</caption>
<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>
<br>
</body>
</html>
File is saved as .html. Have to save as .css ?
Should see borders like this:
EDIT:
Nope. Saving as .css, the browser does not render the code. I see plain text of code in the browser.
EDIT 2:
I switched the comment to this:
<!--Design Table Border-->
And working now.
reply?
0
@novice2022authorJun 24.2022 — #<!--Design Table Border-->
And working now.
reply?
0
@SempervivumJun 24.2022 — #This <-- this is a comment --></C> is for HTML, in CSS use this instead:<br/>
<C>/* this is a comment */`reply?
0
@novice2022authorJul 05.2022 — #For css, we use the php multi-line comment ?
reply?
0
@SempervivumJul 05.2022 — #Yes, in CSS the comment can span multiple lines too:``<i>
</i>/* comment line 1
comment line 2 */<i>
</i>``reply?
0
@novice2022authorJul 05.2022 — #Tutorials show something like this about the footer ...
<i>
</i><html>
<head>
<style>
table, th, td {
border: 1px solid black;
}
</style>
</head>
<body>
<h1>The thead, tbody, and tfoot elements</h1>
<table>
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>
<tbody>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>Sum</td>
<td>$180</td>
</tr>
</tfoot>
</table>
</body>
</html>
I am switching the <td> to <th> instead on the footer. Works in browser as expected but technically is it ok to have <th> on the <tfooter> since all tutorials show <th> on the <thead>. I got it in both <thead> & <tfoot>. Is that technically sound ?
Look ...
<i>
</i><html>
<head>
<style>
table, th, td {
border: 1px solid black;
}
</style>
</head>
<body>
<h1>The thead, tbody, and tfoot elements</h1>
<table>
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>
<tbody>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
<tfoot>
<tr>
<th>Sum</th>
<th>$180</th>
</tr>
</tfoot>
</table>
</body>
</html>
reply?
0
@novice2022authorJul 05.2022 — #On this one, I do not have <th> on both <thead> & <tfoot> like previous post. But only on <tfoot>.
Is that technically correct too if it works in the browser as expected ?
Notice <thead> as no <th> there since <thead> no exists.
And notice <tfoot>as <th> present.
Look ....
<i>
</i><html>
<head>
<style>
table, th, td {
border: 1px solid black;
}
</style>
</head>
<body>
<h1>The thead, tbody, and tfoot elements</h1>
<table>
<tbody>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
<tfoot>
<tr>
<th>Sum</th>
<th>$180</th>
</tr>
</tfoot>
</table>
</body>
</html>
Or must <thead> exist in a table of <tfoot> exists ?
reply?
0
@novice2022authorJul 05.2022 — #On this one, can I have both <thead> & <tfoot> but <thead> got <td> and not <th> while <tfoot> got the <th> instead ?
If you analyse carefully, these 3 posts are not the same but similar questions. I need answers as tutorials are not giving them.
<i>
</i><html>
<head>
<style>
table, th, td {
border: 1px solid black;
}
</style>
</head>
<body>
<h1>The thead, tbody, and tfoot elements</h1>
<table>
<thead>
<tr>
<td>Month</td>
<td>Savings</td>
</tr>
</thead>
<tbody>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
<tfoot>
<tr>
<th>Sum</th>
<th>$180</th>
</tr>
</tfoot>
</table>
</body>
</html>
reply?
0
@SempervivumJul 05.2022 — #I don't know from scratch about the facts regarding td</C> vs. <C>th</C> in <C>thead</C> and <C>tfoot`However regarding this:
>Is that technically correct too if it works in the browser as expected ?
I definitely know: The browser are **very** tolerant concerning code being invalid. One can even say that they are trying to make a reasonable display from code that is a mess.
reply?
0
@novice2022authorJul 06.2022 — #Mmm.
Ok. Let's see if I can sort this puzzle with your help. No luck lastnight or tonight.
Can you see this in your browser ?
<i>
</i><h1>Example 2: The thead, tbody, and tfoot elements</h1>
<table>
<caption>Caption</caption>
<thead>
<tr class="header" id="header2" style="background-color:black; color:white;">
<th>Id</th>
<th>Url</th>
<th>Email</th>
</tr>
</thead>
<tbody>
<tr class="datas" id="data1" style="background-color:black; color:blue;">
<td>0</td>
<td>sempervivum.com</td>
<td>[email protected]</td>
</tr>
<tr class="datas" id="data2" style="background-color:black; color:blue;">
<td>1</td>
<td>nogdog.com</td>
<td>[email protected]</td>
</tr>
</tbody>
<tfoot>
<tr class="sponsor" id="heading" rowspan="2" colspan="2" style="background-color:gold;">
<th>Sponsor Link</th>
</tr>
<tr class="sponsor" id="link" rowspan="2" colspan="2" style="background-color:gold;">
<th>http://novice2022.com</th>
</tr>
</tfoot>
</table>
It is nearly working fine as expected. Do run it on your browser to get an idea what I want done.
Now, do you see the footer's row & col span are 2 usual rows & 2 usual columns ?
In that case, the footer should be twice as big in length & width. But not.
Why ?
reply?
0
@NogDogJul 06.2022 — #rowspanreply?
0
@novice2022authorJul 07.2022 — #I did checkout that tutorial before I opened threads in this forum. Still thanks for the link.
Let me see if I can explain to you what I want done.
Here ...
been fiddling with that link you gave. Experimenting with different codes for half hr now and have come to the conclusion that colspan & rowspan won't do what I want. And so, I got to get you to suggest me the right table html to do what I want. So, which one is it that I need to look into ?
Look at this code in your browser ....
<i>
</i><h1>Expand Russian Footer To Takeover Whole Ukraine</h1>
<table>
<tr>
<th>Northwest Europe Border</th>
<th>North Europe Border</th>
<th>North East Europe Border</th>
</tr>
<tr>
<td>EU Northwest</td>
<td>EU North</td>
<td>EU Northeast</td>
</tr>
<tr>
<th>North Ukraine</th>
<th rowspan="2" colspan="2">Russia</th>
</tr>
<tr>
<th>South Ukraine</th>
</tr>
</table>
</body>
Can you see the Russian cell ? That is not really a footer. But I need to make it a footer. A footer, who's cell is twice in size rowwise and columnwise than other cells.
See "North Ukraine" & "South Ukraine" cells ?
Now imagine, the Russian cell expanded and tookover those 2 Ukraine cells so they no longer exist. So 3 cells now become 1 cell. How to do that ? I guess rowspan & colspan won;t do here.
Remember, the Russian cell must be at the bottom (footer, like a banner ad) and no cell must be underneath it or besides it. And it's cell must be 2.5 times as big that of any other cell in terms of row and column. Three columns in size and two rows in size compared to the other cells.
reply?
0
@NogDogJul 07.2022 — #Then apply a style to the
<tr>thtdreply?
0
@novice2022authorJul 07.2022 — #???
Apply style to expand a cell to takeover two cells on it's left ? Confused.
Or apply style so the two cells (Ukrain) do not appear in the browser but the Russian cell appear instead as big as I want ? What styling tags should I be looking into to achieve all that ? Still confused. Scratching my head.
Css border style ? I get the feeling, the css code would be lengthy to achieve that. What's your hunch ?
Or would the grid html stuff work here ?
While I wait for your answer, let me check the grid, which I forgot to do few hrs ago. But do give an answer. I need to take shortcuts with as min code as possible. Shortest code.
reply?
Also in #HTML ↴
In Dire need of help. can you check this outhead commands ??Where do the games come from?The web is an endless sea of information. Don't miss the boat... Subscribe!
about: ({
version: 0.1.9 — BETA 4.16,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});
legal: ({
terms: of use,
privacy: policy
});
version: 0.1.9 — BETA 4.16,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});
legal: ({
terms: of use,
privacy: policy
});
↴changelog: (
version: 0.1.9,
notes: added community page
version: 0.1.8,
notes: added Davinci•003
version: 0.1.7,
notes: upvote answers to bounties
version: 0.1.6,
notes: article editor refresh
)...
version: 0.1.9,
notes: added community page
version: 0.1.8,
notes: added Davinci•003
version: 0.1.7,
notes: upvote answers to bounties
version: 0.1.6,
notes: article editor refresh
)...
↴recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,
tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,
tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...
Social
Version
0.1.9 — BETA 4.16