Sent by David Laakso on 25 July 2008 00:12
Matthew Stoneback wrote:
>
> At the link located below, is there any way to position "Test Image Box" at
> the bottom of the column on the left hand side?
>
> HTML: http://dev.eddysound.com/dev/msc/
>
> CSS: http://dev.eddysound.com/dev/msc/main.css
>
>
> Matt Stoneback
>
Providing you can alter the html, you could put the .test division in
the footer...
html
<div id="footer">
<p>Copyright © 2008 - Manitou Springs High School - Cheerleading
<img src="ms_files/validati.jpg" width="170" height="35" alt="XHTML and
CSS Valid" /></p>
<div class="test">
<a href="" title="Test Image Box"><img src="ms_files/test_ima.jpg"
width="170" height="170" alt="Test Image Box" /></a>
</div>
</div>
</div>
</body>
</html>
<!-- This document saved from http://dev.eddysound.com/dev/msc/ -->
and position it to the bottom of the left col using ap...
css
..test { background: lime; height:190px; position: absolute; bottom:
70px; left:10px; width: 180px; text-align: center; /*display:
block;vertical-align: bottom;*/ }
..container { position:relative; }
Quick checked in XP IE/6 & 7; and Mac FF/3.0.1, Safari, Ccamino, & Opera.
--
A thin red line and a salmon-color ampersand forthcoming.
http://chelseacreekstudio.com/
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
