...

View Full Version : Add Text Upward



thecaligarmo
05-05-2009, 10:28 PM
So I don't know if this is possible without javascript, but here is what I am looking to do.

I have a div with a min-height of 75px and within the div I have text (and other inline objects [or objects that I made inline through styles] like anchors).

What I want the text to do is start at the bottom of the div, and the more I add I want the text to be vertically-aligned to the bottom so that the text is always align with the bottom of the div. Also, if the text hits more than 75px I want the div to expand to fit (thus min-height:75px).

here is my HTML so far (with styles added inline):


<div style="min-height:75px">
Some Text <a href="link">Link</a>
</div>


I tried to do vertical-align:bottom on the div, but that didn't work. Am I doing it wrong, and/or how should it be done?

twodayslate
05-06-2009, 03:00 AM
Got a picture of what you want?

thecaligarmo
05-06-2009, 04:20 PM
No, I don't have a picture, but in essence here is what I want:



-------------



This is some
text.
------------





-------------

This is some
text. This is
additional
text.
------------





-------------
This is some
text. This is
additional
text. This
text expands
the height
by a few
extra px.
------------


(The dashed lines are the top and bottom of the divs). Does that make more sense?

thecaligarmo
05-08-2009, 08:19 PM
*bump*

effpeetee
05-08-2009, 08:58 PM
If you have a div with a fixed width, the text will automatically fill as you want.
Leave the height undefined.

There are some usefull sites here (http://exitfegs.co.uk/Sources.html).

Frank

thecaligarmo
05-08-2009, 09:04 PM
@effpeetee I have the height set as auto (aka default) so it should automatically fill as needed. I just want the text to be able to start from the bottom of the div instead of the top and have the text stay within the div (aka not use padding/margin to lower it and thus have the text disappear if I add extra amounts) [the amounts of text will randomly change due to a script and thus I can't just always change the padding]

effpeetee
05-09-2009, 11:07 AM
Is this site (http://www.softcomplex.com/products/tigra_scroller/demo1.html)any help.
It uses Javascript I believe.

Another possibility here (http://cssglobe.com/lab/easyscroll/)?


Frank



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum