[css-d] Make text bottom-align?

Hello; I'm posting to learn whether there is code to enable bottom-alignment of text. This link shows graphically what my goal is: http://thinkplan.org/ workshop/botAlign.jpg this link is of the actual, live-code page: http://thinkplan.org/ workshop/ill.html This link is of the css

Re: [css-d] Make text bottom-align?

John wrote: This link shows graphically what my goal is: http://thinkplan.org/ workshop/botAlign.jpg You mean http://thinkplan.org/workshop/botAlign.jpg (A URL should not contain a linebreak.) Exactly what there is the matter? this link is of the actual, live-code page: http://thinkplan.org/

Re: [css-d] Make text bottom-align?

John wrote: On Dec 10, 2010, at 12:44 PM, Jukka K. Korpela wrote: The HTML code and the CSS code have syntax errors that are detectable using available checkers. They should be fixed, but more importantly, we need a description of the problem (what is expected, and a URL demonstrating an attem

Re: [css-d] Make text bottom-align?

Jukka K. Korpela wrote: But the obvious approach is to use a single-cell table with valign=bottom. You won't need any CSS for that, though CSS helps you to remove the default margins for heading elements, for example (it is natural to use heading elements for the head/subhead stuff). If you wis

Re: [css-d] Make text bottom-align?

On Dec 10, 2010, at 2:17 PM, Jukka K. Korpela wrote: Jukka K. Korpela wrote: But the obvious approach is to use a single-cell table with valign=bottom. You won't need any CSS for that, though CSS helps you to remove the default margins for heading elements, for example (it is natural to use h

Re: [css-d] Make text bottom-align?

On 12/10/10 3:30 PM, John wrote: I'm posting to learn whether there is code to enable bottom-alignment of text. Nail it! Your question has been answered. Numerous times and ways. Best, ~d -- :: desktop and mobile :: http://chelseacreekstudio.com/ _

Re: [css-d] Make text bottom-align?

I have made an example of the design here: http://roughtech.com/t/testali.html It uses CSS only. It works in all modern browsers and IE6 and IE7. I have tested it with different fonts and font sizes. Using a table would not be appropriate. Tables are not for layout. ~Chetan _

Re: [css-d] Make text bottom-align?

On 12/11/10 5:10 AM, Chetan Crasta wrote: I have made an example of the design here: http://roughtech.com/t/testali.html ~Chetan No offense intended:-) but beware the cross-over with font-scaling. Best, ~d -- :: desktop and mobile :: http://chelseacreekstudio.com/

Re: [css-d] Make text bottom-align?

None taken :) Thanks for pointing that out. I have now given the div#headingsanddescription a min-width of 37em which should prevent overlapping at large font sizes. ~Chetan On Sat, Dec 11, 2010 at 4:05 PM, David Laakso wrote: > On 12/11/10 5:10 AM, Chetan Crasta wrote: >> >> I have made an exa

Re: [css-d] Make text bottom-align?

On 12/11/10 5:58 AM, Chetan Crasta wrote: None taken :) Thanks for pointing that out. I have now given the div#headingsanddescription a min-width of 37em which should prevent overlapping at large font sizes. ~Chetan http://roughtech.com/t/testali.html That's nice I guess:-) . Have you co

Re: [css-d] Make text bottom-align?

> That's nice I guess:-) . Have you considered that some of us are on a > monitor wider than 1024? Yeah, people with monitors wider than 1024 shouldn't be maximizing their browsers. Kidding :) Then one should add a max-width of around 40em. Or one can just remove the max-width and give div#headin

Re: [css-d] Make text bottom-align?

On 2010/12/11 16:54 (GMT+0530) Chetan Crasta composed: Yeah, people with monitors wider than 1024 shouldn't be maximizing their browsers. Kidding :) Kidding aside, one man's 1920 (16" laptop; 142 DPI) could easily be narrower than another's 1280 (19" desktop; 86 DPI). Designers really ough

Re: [css-d] Make text bottom-align?

> Kidding aside, one man's 1920 (16" laptop; 142 DPI) could easily be narrower > than another's 1280 (19" desktop; 86 DPI). Designers really ought to quit > thinking in px. Px sizes bear no predictable correlation to the physical > world, and thus to legibility or appropriate line lengths. Agreed.

Re: [css-d] Make text bottom-align?

Chetan Crasta wrote: I have made an example of the design here: http://roughtech.com/t/testali.html It uses CSS only. It seems to use the positioning technique I outlined and demonstrated, but it contains lots of features quite independent of the issue at hand, such as odd line heights. In

Re: [css-d] Make text bottom-align?

@Jukka: Like I mentioned in my earlier email, I thoroughly tested the solution. I doubt there would be any problems integrating it with any kind of layout. Take a closer look at the solution, there is only one px declaration, for font size (in the container div). This was used for convenience only,

Re: [css-d] Make text bottom-align?

> Chetan Crasta wrote: > > > I have made an example of the design here: > > http://roughtech.com/t/testali.html > > > > It uses CSS only. I believe what the OP is after is "inline-block": As a site note, "table-cell" wo

Re: [css-d] Make text bottom-align?

On 2010/12/11 22:24 (GMT+0530) Chetan Crasta composed: Not using tables for layout is not a "religious matter". It has been about a decade since tables for layout have been deprecated. See http://en.wikipedia.org/wiki/Tableless_web_design While true, that's not stopped their use, or promotion:

Re: [css-d] Make text bottom-align?

>> Not using tables for layout is not a "religious matter". It has been >> about a decade since tables for layout have been deprecated. See >> http://en.wikipedia.org/wiki/Tableless_web_design > > While true, that's not stopped their use, or promotion: > http://developer.apple.com/internet/webconte

Re: [css-d] Make text bottom-align?

On 2010/12/11 17:20 (GMT+0530) Chetan Crasta composed: Btw, the CSS spec takes into account the fact that monitors' pixel-densities differ. This is why, according to the spec, px is a relative length unit. The latest spec draft defines 1px as equal to 0.75pt, contorting the px into a physical

Re: [css-d] Make text bottom-align?

On 12/11/10 1:44 PM, Thierry Koblentz wrote: I believe what the OP is after is "inline-block": -- Thierry After two months of guessing at what the OP is after today I no longer care. ~d -- http://chelseacreekstudio.com/