I'm a css novice so bear with me..
I have a simple css layout - header/footer/3 columns. I have added an image to the left hand column. In order to position it right at the bottom of the column, I have done the following;
I added this to the end of the main.css page:
#image positioning {
.classonyourimg {position: absolute; bottom: 0;
}
In the xhtml page, I added this within the div that sets out the left column;
<img class="classonyourimg" src="images/logo.gif"/>
Its displaying - but not at the bottom of the column. How have I fudged it?
I have a simple css layout - header/footer/3 columns. I have added an image to the left hand column. In order to position it right at the bottom of the column, I have done the following;
I added this to the end of the main.css page:
#image positioning {
.classonyourimg {position: absolute; bottom: 0;
}
In the xhtml page, I added this within the div that sets out the left column;
<img class="classonyourimg" src="images/logo.gif"/>
Its displaying - but not at the bottom of the column. How have I fudged it?