View Full Version : 2 Background images?
ModernRevolutions
02-23-2009, 09:19 PM
Okay right now I'm making a layout with 2 background-images. For the first I'm using the basic body code. For the second I'm attempting to use a div with this code:
.backgrounddiv {
background-color : #27394d;
top : 0px;
width : 640px;
height : 100%;
}
Im trying to make it extend all the way down the page that is why the height is set to 100%. However its not working :/ Here is the link to the layout: click here (http://www.modernrevolutions.vivid-avenue.net/websitelayouts/thurman/index.php)
Any suggestions? Is there another code I could use?
Snookerman
02-23-2009, 10:03 PM
In the markup, backgrounddiv is an id value. Change the period to a hash:
#backgrounddiv
Good luck!
ModernRevolutions
02-24-2009, 06:37 AM
Damn it didn't work for some reason. Is there another way to have 2 background images? Or get the effect I am looking for?
Snookerman
02-24-2009, 06:51 AM
I'm not sure I understand what effect you are looking for. Could you post an image or something? Having multiple backgrounds will be possible with CSS3 but this feature is not widely supported yet:
http://www.css3.info/preview/multiple-backgrounds/ (http://www.css3.info/preview/multiple-backgrounds/)
I'm sure there is a workaround but please try to be more detailed about what you are trying to achieve.
ModernRevolutions
02-24-2009, 08:44 AM
I want it to look like this: click (http://www.modernrevolutions.vivid-avenue.net/websitelayouts/thurman/index.php). Where the blue bar always extends to the bottom of the page. However when i code it that way there is no lined background :/
----
Basically I want the same effect as if I had this image (http://www.modernrevolutions.vivid-avenue.net/websitelayouts/thurman/thurmanbar.jpg) set to repeat down only in the center of the page. (Like the layout is now, however I would also like the lined background to be there.)
Snookerman
02-24-2009, 10:41 AM
It looks like it's working now. The blue line repeats all the way down. Or maybe I'm still not getting this :p
ModernRevolutions
02-24-2009, 05:18 PM
The lined background isn't there :/ lol
Snookerman
02-24-2009, 05:28 PM
This is what I see:
2522
ModernRevolutions
02-24-2009, 05:41 PM
Which Mozilla is that? because this is what I see and what i want to see:
-----
does my site look messed up too? cuz I see that website layout different, so my site could look different on your comp. is there a way i can check that without actually going to someone's computer?
Snookerman
02-24-2009, 06:22 PM
It's Firefox 3.0.6 on Win XP sp3. I don't really see any difference between your "see" picture and your "wanttosee" one. Could you be more specific?
If you want to see what your site looks like in different browsers and on different machines, check out http://browsershots.org/ (http://browsershots.org/)
You can pick a lot of options and most of them come back in just a few minutes. This site has helped me a LOT!
Good luck!
ModernRevolutions
02-24-2009, 07:15 PM
cool thanks. And the gray background, i want it to have the lined background. In the "see". its just gray with no lines. in the "want to see" the gray has dark blue lines.
ModernRevolutions
02-26-2009, 11:12 AM
Do you see it? Or are my images bad? :/
lasa2
05-23-2011, 11:43 PM
Wantosee has gray diagonal lines on the background the other is simply gray.
I am looking to something similar... as a background: I want have a tiled background, and a transparent image top left corner and another image bottom right corner.
CSS3 allows for it but IE8 doesn't, I don't think IE9 does either.
Lasa2
Powered by vBulletin® Version 4.2.2 Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.