The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

CSS: #page-footer

View previous topic View next topic Go down

In progress CSS: #page-footer

Post by !_NICK_! on 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_!
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 on December 22nd 2011, 10:48 am

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

Guest
Guest


Back to top Go down

In progress Re: CSS: #page-footer

Post by !_NICK_! on 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_!
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. on 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.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

In progress Re: CSS: #page-footer

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

Male Posts : 1019
Reputation : 86
Language : Romanian, English, French
Location : Romania

http://supportdrops.com/

Back to top Go down

View previous topic View next topic Back to top


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