Win a copy of Head First Go this week in the Go 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
  • Paul Clapham
  • Jeanne Boyarsky
Sheriffs:
  • Devaka Cooray
  • Junilu Lacar
  • Tim Cooke
Saloon Keepers:
  • Tim Moores
  • Ron McLeod
  • Tim Holloway
  • Claude Moore
  • Stephan van Hulst
Bartenders:
  • Winston Gutkowski
  • Carey Brown
  • Frits Walraven

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

 
Marshal
Posts: 24199
54
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
Marshal
Posts: 24199
54
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
Marshal
Posts: 24199
54
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!
 
You've gotta fight it! Don't give in! Read this tiny ad:
ScroogeXHTML 8.2 - easy to use RTF to HTML converter library
https://coderanch.com/t/707504/ScroogeXHTML-RTF-HTML-XHTML-converter
  • Post Reply Bookmark Topic Watch Topic
  • New Topic
Boost this thread!