CSS: #page-footer
3 posters
Page 1 of 1
CSS: #page-footer
Okay, so I am wanting to put an Image at the bottom using CSS. I am trying this code below, but it seems not to be working.
- Code:
#page-footer{
width: 100%;
position: absolute;
height: 200px;
background: url(http://i42.servimg.com/u/f42/17/12/63/14/_foote12.png) no-repeat bottom left;
background-position: -70px 0px;
border-bottom: 1px solid #222;
box-shadow: 1px 1px 6px #222;
}
!_NICK_!- Active Poster
- Posts : 1505
Reputation : 69
Language : English, HTML, and CSS
Location : In the middle of no return.
Re: CSS: #page-footer
I want it to be fixed. It's not in the middle at the bottom. I'm trying to get 1 image to go from left to right at the very bottom of all the pages.
!_NICK_!- Active Poster
- Posts : 1505
Reputation : 69
Language : English, HTML, and CSS
Location : In the middle of no return.
Re: CSS: #page-footer
Something like this:
You would need to do a fiew changes if so?
http://i.imm.io/dm9f.png
- Code:
#min-width {
background: url("http://i42.servimg.com/u/f42/17/12/63/14/_foote12.png") repeat-x scroll center bottom transparent;
}
You would need to do a fiew changes if so?
http://i.imm.io/dm9f.png
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: CSS: #page-footer
Yeah, I think that's how I want it. Let me see if I can work with this and I'll let you know if it works or not.
!_NICK_!- Active Poster
- Posts : 1505
Reputation : 69
Language : English, HTML, and CSS
Location : In the middle of no return.
Re: CSS: #page-footer
Okay, Nera. I want it to overlap the bottom part. In that image it only had the background. I want it to show the whole image, but with the text only yo display.
!_NICK_!- Active Poster
- Posts : 1505
Reputation : 69
Language : English, HTML, and CSS
Location : In the middle of no return.
Re: CSS: #page-footer
Try:
- Code:
#min-width {
position: absolute;
border: none !important;
background-color: none !important;
background: url("http://i42.servimg.com/u/f42/17/12/63/14/_foote12.png") repeat-x scroll center bottom transparent;
}
Similar topics
» Using your forum’s page header and page footer in HTML?
» Page Footer
» How can i do this in my footer page?
» Page Footer
» Page Footer
» Page Footer
» How can i do this in my footer page?
» Page Footer
» Page Footer
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum