This week's book giveaway is in the Cloud/Virtualization forum.
We're giving away four copies of Grokking Bitcoin and have Kalle Rosenbaum on-line!
See this thread for details.
Win a copy of Grokking Bitcoin this week in the Cloud/Virtualization forum!
  • Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other all forums
this forum made possible by our volunteer staff, including ...
Marshals:
  • Campbell Ritchie
  • Liutauras Vilda
  • Bear Bibeault
  • Tim Cooke
  • Junilu Lacar
Sheriffs:
  • Paul Clapham
  • Devaka Cooray
  • Knute Snortum
Saloon Keepers:
  • Ron McLeod
  • Tim Moores
  • Stephan van Hulst
  • Tim Holloway
  • Frits Walraven
Bartenders:
  • Carey Brown
  • salvin francis
  • Claude Moore

Table header angled at 45 degrees will not align right/bottom.  RSS feed

 
Ranch Hand
Posts: 36
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
I have a table header that is angled to 45 degrees and I need to align it to the right/bottom. For some reason it will not change from aligned left. The header is dynamically created:



OR



The CSS is:



Once I have the alignment correct then I can work on the "translate(-90px, -200px)" to position correctly.

Kind regards,

Glyn

 
Sheriff
Posts: 24369
55
Eclipse IDE Firefox Browser MySQL Database
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
When I put "text-align: right;" in the appropriate place in the w3schools Tryit Editor it right-aligned the text in the skewed box just fine.

Or did you mean that you wanted the skewed box to be right-aligned?
 
Glyndwr Bartlett
Ranch Hand
Posts: 36
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Hi Paul,

Each <div></div> is at the top of the column instead of at the bottom near the horizontal line. So the <div></div> is aligned left instead of right; I think. So the "S" in "Short" aligns with the "L" in "Longer line". I want the "t" to align with the "e".

Kind regards,

Glyn
 
Paul Clapham
Sheriff
Posts: 24369
55
Eclipse IDE Firefox Browser MySQL Database
 
Glyndwr Bartlett
Ranch Hand
Posts: 36
  • Likes 1
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
This is what I was able to come up with after a LOT of trial and error:



Kind regards,

Glyn
 
Paul Clapham
Sheriff
Posts: 24369
55
Eclipse IDE Firefox Browser MySQL Database
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
I recall that when I was designing CSS, it was not that easy to use "float". Things would always float off in the wrong direction, or carry other things along with them. So, good work!
 
A berm makes a great wind break. And Iwe all like to break wind once in a while. Like this tiny ad:
Create Edit Print & Convert PDF Using Free API with Java
https://coderanch.com/wiki/703735/Create-Convert-PDF-Free-Spire
  • Post Reply Bookmark Topic Watch Topic
  • New Topic
Boost this thread!