The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> HTML table with diagonal line and grey area, PLEASE HELP!!!
Webbie 123
post 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)
Attached Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post May 17 2020, 06:41 AM
Post #2


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,821
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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post May 17 2020, 06:45 AM
Post #3


.
********

Group: WDG Moderators
Posts: 8,444
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?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 5th June 2020 - 06:27 PM