The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

CSS: #page-footer

3 posters

Go down

In progress CSS: #page-footer

Post by !_NICK_! December 22nd 2011, 3:53 am

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_!
!_NICK_!
Active Poster

Male Posts : 1505
Reputation : 69
Language : English, HTML, and CSS
Location : In the middle of no return.

Back to top Go down

In progress Re: CSS: #page-footer

Post by Guest December 22nd 2011, 10:48 am

If you use phpBB2 that code for me is working fine. :/
avatar
Guest
Guest


Back to top Go down

In progress Re: CSS: #page-footer

Post by !_NICK_! December 22nd 2011, 5:11 pm

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_!
!_NICK_!
Active Poster

Male Posts : 1505
Reputation : 69
Language : English, HTML, and CSS
Location : In the middle of no return.

Back to top Go down

In progress Re: CSS: #page-footer

Post by Nera. December 22nd 2011, 5:23 pm

Something like this:

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.
Nera.
Energetic

Female Posts : 7078
Reputation : 2017
Language : English
Location : -

Back to top Go down

In progress Re: CSS: #page-footer

Post by !_NICK_! December 29th 2011, 2:29 am

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_!
!_NICK_!
Active Poster

Male Posts : 1505
Reputation : 69
Language : English, HTML, and CSS
Location : In the middle of no return.

Back to top Go down

In progress Re: CSS: #page-footer

Post by !_NICK_! December 30th 2011, 7:53 am

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_!
!_NICK_!
Active Poster

Male Posts : 1505
Reputation : 69
Language : English, HTML, and CSS
Location : In the middle of no return.

Back to top Go down

In progress Re: CSS: #page-footer

Post by Omu December 30th 2011, 2:00 pm

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;
}
Omu
Omu
Active Poster

Male Posts : 1021
Reputation : 87
Language : Romanian, English

http://techtitans.forumer.ro/

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum