Issue
Can a diagonal table columns/cells be implemented in HTML/CSS/Javascript?
I've been googling for several hours and the only resource I can find is splitting cells diagonally and not rotate part of a table/column.
Screenshot:
Solution
Like @Giacomo1968 wrote in their answer, you want to use Div
or better Ul
tag instead.
As for the turn, use CSS3 to rotate your finished table:
transform:rotate(-45deg);
-ms-transform:rotate(-45deg); /* IE 9 */
-moz-transform:rotate(-45deg); /* Firefox */
-webkit-transform:rotate(-45deg); /* Safari and Chrome */
-o-transform:rotate(-45deg); /* Opera */
So basically your table is made out of two tables, one is normal, other is using CSS3 to rotate.
Answered By - Trouble
0 comments:
Post a Comment
Note: Only a member of this blog may post a comment.