Require: Image at page bottom. Text flow onto image.
Posted on 2011-05-13
I want an image at the bottom of a page. The page may grow or shrink in height depending on how much text it contains.
The 'text' (as mentioned above) should flow over the top-left part of the image: half-way down the image and 2/3 across the image.
Examlpe image: Tree on right. Grass on bottom. Lots of white space on left.
Solution: Text appears above image (currently in a table 70% width of larger table containing image) and ideally, would like text to continue onto image (but not all the way down).
As the text grows, it should contniue to flow onto image but push the image down so that it only covers about 75% (fron top-down). Also, as the image is pushed down, the page should grow so that the image is always fully visible.
I've tried to explain as best as I can.
Please advise whether I should do this with HTML, CSS and/or layers/tables etc. with clear easy-to-follow guide and example if possible.