|
| |
|
|
ssieber
Posts: 3
Joined: 6/2/2008
Status: offline
 |
Problem with aligning image - 6/2/2008 19:16:40
Hello,
I'm using a CSS website template and am trying to customize it for a political campaign. I'd like to have the slogan as an image on the bottom right of every page. Right now I'm using extra <br>'s and right align to get it where I want, but if I have a different length of text on a page, it'll shift the position of the image.
I was hoping to use a DIV with the image, but when I do that the image is aligned all the way to the right and I can't figure out how to put a little space between the right edge of my design and my image.
Here's an example of what I have:
http://www.stevensieber.com/template3/
The website shows the placement that I want.
So how would I get a footer on every page in the same spot?
Thanks.
|
|
|
|
ssieber
Posts: 3
Joined: 6/2/2008
Status: offline
|
RE: Problem with aligning image - 6/2/2008 22:44:09
It's a temporary fix, but I just added about 20 pixels to the right side of my image so that the text starts further to the left and it appears to have a white margin.
| |
|
|
|
Tailslide
Posts: 6270
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: online
|
RE: Problem with aligning image - 6/3/2008 2:29:44
Don't have it in the markup - have it as a background image.
Now with your site as it is you've got a big problem. If people make the text size bigger to make it easier to read - it breaks the layout. This is because you've got the footer positioned absolutely so there's no room to expand. So remove that rule and just let the footer follow on from the rest of the layout.
Stick a containing div around both the left and right columns - give it the light blue colour and then put the character, vision, leadership image into the rule as a background image - placed right bottom. Now give the right column a bottom padding equal to the height of the image to hold it off the image so you don't get an overlap. That way, however long either of the two columns get the image will always be right bottom on the light blue bit.
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
|
|
ssieber
Posts: 3
Joined: 6/2/2008
Status: offline
|
RE: Problem with aligning image - 6/3/2008 18:36:12
Thanks! I'll have to try out your suggestions when I get time.
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
