• 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 Pie Elite all forums
this forum made possible by our volunteer staff, including ...
Marshals:
  • Tim Cooke
  • Campbell Ritchie
  • Ron McLeod
  • Liutauras Vilda
  • Jeanne Boyarsky
Sheriffs:
  • Junilu Lacar
  • Rob Spoor
  • Paul Clapham
Saloon Keepers:
  • Tim Holloway
  • Tim Moores
  • Jesse Silverman
  • Stephan van Hulst
  • Carey Brown
Bartenders:
  • Al Hobbs
  • Piet Souris
  • Frits Walraven

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

 
Ranch Hand
Posts: 151
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • 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: 26943
83
Eclipse IDE Firefox Browser MySQL Database
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • 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: 151
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • 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: 26943
83
Eclipse IDE Firefox Browser MySQL Database
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
CSS Layout - Horizontal & Vertical Align
 
Glyndwr Bartlett
Ranch Hand
Posts: 151
  • Likes 1
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • 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: 26943
83
Eclipse IDE Firefox Browser MySQL Database
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • 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!
reply
    Bookmark Topic Watch Topic
  • New Topic