CSS Help

chris_reilly · 11-02-2006, 07:03 AM

Hello,

I am trying to get an image to show on the bottom right and left, however i can only get it to show on one. How can i get the image to appear on both sides and still work on all monitor sizes like the one sided one

The code i am using is:

Code:

     background-image: url(http://wehavetomorrow.co.uk/templates/mp_siouxbg/images/me.gif);
     background-repeat: no-repeat;
     background-position: bottom left;

     background-image: url(http://wehavetomorrow.co.uk/templates/mp_siouxbg/images/me.gif);
     background-repeat: no-repeat;
     background-position: bottom right;

As you can see on wehavetomorrow.co.uk it is only showing on the bottom right.
????: NamePros.com http://www.namepros.com/programming/253519-css-help.html

Thanks

Brian · 11-02-2006, 07:23 AM

You can not have two background images like that, like if you take away the second one, it will appear on the left.

To get the desired affect, you should create a div for both, and have the image be the background of that div, and have that div positioned at the botom, and have the z index in such a way that it is always under everything else.

11-02-2006, 07:03 AM	THREAD STARTER #1 (permalink)
chris_reilly NamePros Regular Join Date: Mar 2004 Location: North West England Posts: 626	CSS Help Hello, I am trying to get an image to show on the bottom right and left, however i can only get it to show on one. How can i get the image to appear on both sides and still work on all monitor sizes like the one sided one The code i am using is: Code: background-image: url(http://wehavetomorrow.co.uk/templates/mp_siouxbg/images/me.gif); background-repeat: no-repeat; background-position: bottom left; background-image: url(http://wehavetomorrow.co.uk/templates/mp_siouxbg/images/me.gif); background-repeat: no-repeat; background-position: bottom right; As you can see on wehavetomorrow.co.uk it is only showing on the bottom right. ????: NamePros.com http://www.namepros.com/programming/253519-css-help.html Thanks __________________ Christopher Adam Reilly 'I will follow my dream, Until the dream decides to follow me' Chris Reilly - 05

11-02-2006, 07:23 AM	#2 (permalink)
Brian Senior Member Join Date: Sep 2003 Location: Charlottesville Virginia Posts: 2,317 Follow @laughtodeath	You can not have two background images like that, like if you take away the second one, it will appear on the left. To get the desired affect, you should create a div for both, and have the image be the background of that div, and have that div positioned at the botom, and have the z index in such a way that it is always under everything else. __________________ Free Games Funny Jokes and Pictures Free Basic cPanel Hosting

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)