|
More then One Background Image in CSS?
05-19-2009, 02:33 PM
|
More then One Background Image in CSS?
|
Posts: 9,984
Name: Giselle
Location: Washington State
|
Hello,
Apparently after reading much information this is impossible or is there a way to work around this?
The page is in a frameset, validates in the CSS Validator with a 2.1, no errors. In the HTML Validator there are three errors and that's because I am using an attributes which aren't permissible.
I have two images, one for the right and one for the left side, they are both the same size and want them fixed, the left side works fine but can't introduce the right side, is there a way of doing this?
|
|
|
|
05-19-2009, 02:42 PM
|
Re: More then One Background Image in CSS?
|
Posts: 1,712
Name: Jeremy Miller
Location: Las Vegas, NV
|
The tricks can vary based on your layout, but you could try nesting a div -- outer contains one side and inner contains the other side. Or, you could simply position them and put their z-index below all others.
__________________
Jeremy Miller
Please login or register to view this content. Registration is FREE
|
|
|
|
05-19-2009, 02:53 PM
|
Re: More then One Background Image in CSS?
|
Posts: 9,984
Name: Giselle
Location: Washington State
|
Thanks for your response, Jeremy, the layout is pretty simple. I shall take a look at that division, the main thing I don't want any gaps or borders around the images while scrolling. It works just fine for the left side but can't seem to implement the image for the right side.
|
|
|
|
05-19-2009, 03:38 PM
|
Re: More then One Background Image in CSS?
|
Posts: 10,016
Location: Tennessee
|
Can this image be tiled vertically ?? One way would be to put the two images together into a single tile-able image and lay the content section over top of the middle where the two images go together, leaving the left and right sides looking like separate images.
I can think of at least one other way you might do this with 2 images.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
Please login or register to view this content. Registration is FREE
Please login or register to view this content. Registration is FREE
|
|
|
|
05-19-2009, 04:37 PM
|
Re: More then One Background Image in CSS?
|
Posts: 9,984
Name: Giselle
Location: Washington State
|
I am going to submit an image, there you will see the three frames and what it looks like. Inside the beige is where the content sits. I sure wish I could tile this vertically LadynRed, but as you can see the right image is mirrored. Several years ago my husband designed these images for his site, quite frankly I will never do this again, but I have to admit the pages look nice, but we have these three errors. Right now I am stumped...... 
Last edited by Giselle; 09-10-2009 at 04:09 AM..
|
|
|
|
05-19-2009, 04:53 PM
|
Re: More then One Background Image in CSS?
|
Posts: 1,712
Name: Jeremy Miller
Location: Las Vegas, NV
|
Is the page fixed width?
__________________
Jeremy Miller
Please login or register to view this content. Registration is FREE
|
|
|
|
05-19-2009, 10:40 PM
|
Re: More then One Background Image in CSS?
|
Posts: 9,984
Name: Giselle
Location: Washington State
|
No the index page itself isn't a fixed width, nor the other two pages, Jeremy. The left background image has a fixed width, here's some of the code:
body
{
background-color: #D8CDAF;
background-image:url('leftborder.png');
background-repeat:no-repeat;
background-attachment:fixed
}
Now this works, on the left side of the page, but can't implement the rightborder.png on the right side of the page, it won't come up. If I could get this to work then I could get rid of the other two pages, the frameset and the validator would quit crabbing about three errors.
|
|
|
|
05-20-2009, 12:10 AM
|
Re: More then One Background Image in CSS?
|
Posts: 1,576
Location: Kokkola, Finland
|
why are you using a frameset?!
if you could post a link to the page itslef we could suggest how to lay it out better
|
|
|
|
05-20-2009, 11:41 AM
|
Re: More then One Background Image in CSS?
|
Posts: 10,016
Location: Tennessee
|
I agree, I think there's a couple of ways to do what you want but without seeing it, it's difficult to test it out.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
Please login or register to view this content. Registration is FREE
Please login or register to view this content. Registration is FREE
|
|
|
|
05-20-2009, 12:19 PM
|
Re: More then One Background Image in CSS?
|
Posts: 1,712
Name: Jeremy Miller
Location: Las Vegas, NV
|
How about positioning the images where you want them and then creating a 100% width div on the page with left and right padding equal to the image width?
__________________
Jeremy Miller
Please login or register to view this content. Registration is FREE
|
|
|
|
05-20-2009, 12:30 PM
|
Re: More then One Background Image in CSS?
|
Posts: 9,984
Name: Giselle
Location: Washington State
|
Thank you all for your responses!
Davemies and LadynRed, under normal circumstances I would gladly post the url address. In the past here at Webmaster Talk there has been problems with our url address being exposed, it's Xmas Day for the spammers. As it stands now Webmaster Talk has been bombarded tremendously these past few months from the unsavories. Also consulted with my husband and his answer was definitely not, so I will have to respectfully decline.
Thanks again for the help and responses.
|
|
|
|
05-20-2009, 12:34 PM
|
Re: More then One Background Image in CSS?
|
Posts: 10,016
Location: Tennessee
|
Understand completely! Although you could PM it and it would not be released into the 'wild'  . I'll see if I can mock something up with the example you posted, it's do-able as an example.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
Please login or register to view this content. Registration is FREE
Please login or register to view this content. Registration is FREE
|
|
|
|
05-20-2009, 01:06 PM
|
Re: More then One Background Image in CSS?
|
Posts: 9,984
Name: Giselle
Location: Washington State
|
Thank you LadynRed, I will gladly take up your offer of suggestions. I have tried everything I can possible think of, but I certainly don't know everything and am still learning. That's why I am here at Webmaster Talk. 
|
|
|
|
05-20-2009, 09:08 PM
|
Re: More then One Background Image in CSS?
|
Posts: 9,984
Name: Giselle
Location: Washington State
|
Quote:
Originally Posted by JeremyMiller
The tricks can vary based on your layout, but you could try nesting a div -- outer contains one side and inner contains the other side. Or, you could simply position them and put their z-index below all others.
|
I have been looking into that suggestion Jeremy, thanks, very much appreciated!
|
|
|
|
06-08-2009, 02:07 PM
|
Re: More then One Background Image in CSS?
|
Posts: 9,984
Name: Giselle
Location: Washington State
|
First off, the page is operational and no errors or warnings in both HTML and CSS validator. A Big Wahoooo! A Big Big Thank you LadynRed! Very much appreciated for you taking your time and there was really a lot of your time for all the information you supplied.
Jeremy, I looked at the information online and it was as clear as mud,  I would have never caught onto this, what I didn't know there is a CSS file that goes with the HTML file, kind of brand new to CSS, thank you very much for your response and offer of help!
Davemies, no longer using frameset on the index page, now onward to the other pages, thank you for your response and offer of help!
|
|
|
|
|
« Reply to More then One Background Image in CSS?
|
|
|
| Thread Tools |
Search this Thread |
|
|
|
Posting Rules
|
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
HTML code is Off
|
|
|
|