#1 2006-07-13 03:42:07
Need some help with a image code
How do you put a image at the bottom of a page, like the footer part?
I am trying to do it now, but it keeps going to the top, any ideas?
Offline
#2 2006-07-15 03:07:48
Re: Need some help with a image code
Hard to say without knowing more about the page(s) in question.
Does it matter if the image is presented as a backgound-image?
If not, then it is relatively straightforward with css:
Code:
body {background: url(path-to-image.jpg) bottom right no-repeat}
The above will place the image at the bottom-right of the page and
can be adapted for all pages or just one.
Offline
#3 2006-07-16 05:08:16
Re: Need some help with a image code
if its not a backgoround image that you are wanting to use. You could use a css class
<html>
<head>
<style type="text/css">
img.foot
{
margin-left:0px
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
padding-bottom:0px;
}
#footer {
width:100%;
text-size:1em;
color:#ffffff;
}
</style>
</head>
<body>
main content blah blah blah......
<div id ="footer">
footer text blah blah blah.......
<img class ="foot" src="image_path/image_name">
</div>
Now i know you could have just
margin:0px;
padding:0px;
but I wanted to show the options available in case they were needed. ou might not need the img class to be called depending on what it is you are trying to do with the imag. if it is the footers backgound image then
#footer {
width:100%;
background-image:
url('image_path/image_name') no-repeat;
}
and then you wouldnt need the
img.foot {} class at all. I hope I havent confused mor ethan I have helped.
Offline
#4 2007-04-17 02:43:13
Re: Need some help with a image code
Fast way to do it is to make an html page with all margins set to 0, meta refresh set to 10, and drop in the image. Put that html page in an iframe of the page you want the image displayed on. Done.
You can dig the source code out of this Concept Page I started but its plug was pulled, so to speak.
Offline
