HTML table with diagonal line and grey area, PLEASE HELP!!! |
HTML table with diagonal line and grey area, PLEASE HELP!!! |
Webbie 123 |
May 17 2020, 02:09 AM
Post
#1
|
Group: Members Posts: 2 Joined: 17-May 20 Member No.: 27,348 |
Hi I am working on a HTML table but no matter which method I tried, I still could not display the expected table as below. Can anyone help??
The margin of table is 100 px, the area of Col 3 is grey colour. Thank you guys:(!!!!! Attached thumbnail(s) |
pandy |
May 17 2020, 06:41 AM
Post
#2
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
Why? People won't understand that the header is for the third column if you place it over the fourth column.
For example this CSS trick seems to work (google for more). But since it's just CSS, it will look like one single TH with just HTML. There is no way to do what you want with HTML. |
Christian J |
May 17 2020, 06:45 AM
Post
#3
|
. Group: WDG Moderators Posts: 9,656 Joined: 10-August 06 Member No.: 7 |
I'd just use a background image for a diagonal line. Not sure about how best arrange the table cells though.
Are you thinking of those old CSS border tricks, pandy? |
Lo-Fi Version | Time is now: 25th April 2024 - 10:27 PM |