Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
More then One Background Image in CSS?
Old 05-19-2009, 02:33 PM More then One Background Image in CSS?
Giselle's Avatar
"Happy Trails"

Posts: 9,984
Name: Giselle
Location: Washington State
Trades: 0
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?
Giselle is online now
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 05-19-2009, 02:42 PM Re: More then One Background Image in CSS?
JeremyMiller's Avatar
WT Moderator

Posts: 1,712
Name: Jeremy Miller
Location: Las Vegas, NV
Trades: 0
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
JeremyMiller is offline
Reply With Quote
View Public Profile Visit JeremyMiller's homepage!
 
Old 05-19-2009, 02:53 PM Re: More then One Background Image in CSS?
Giselle's Avatar
"Happy Trails"

Posts: 9,984
Name: Giselle
Location: Washington State
Trades: 0
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.
Giselle is online now
Reply With Quote
View Public Profile
 
Old 05-19-2009, 03:38 PM Re: More then One Background Image in CSS?
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
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

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 05-19-2009, 04:37 PM Re: More then One Background Image in CSS?
Giselle's Avatar
"Happy Trails"

Posts: 9,984
Name: Giselle
Location: Washington State
Trades: 0
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..
Giselle is online now
Reply With Quote
View Public Profile
 
Old 05-19-2009, 04:53 PM Re: More then One Background Image in CSS?
JeremyMiller's Avatar
WT Moderator

Posts: 1,712
Name: Jeremy Miller
Location: Las Vegas, NV
Trades: 0
Is the page fixed width?
__________________
Jeremy Miller

Please login or register to view this content. Registration is FREE
JeremyMiller is offline
Reply With Quote
View Public Profile Visit JeremyMiller's homepage!
 
Old 05-19-2009, 10:40 PM Re: More then One Background Image in CSS?
Giselle's Avatar
"Happy Trails"

Posts: 9,984
Name: Giselle
Location: Washington State
Trades: 0
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.
Giselle is online now
Reply With Quote
View Public Profile
 
Old 05-20-2009, 12:10 AM Re: More then One Background Image in CSS?
Super Moderator

Posts: 1,576
Location: Kokkola, Finland
Trades: 1
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
davemies is online now
Reply With Quote
View Public Profile Visit davemies's homepage!
 
Old 05-20-2009, 11:41 AM Re: More then One Background Image in CSS?
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
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

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 05-20-2009, 12:19 PM Re: More then One Background Image in CSS?
JeremyMiller's Avatar
WT Moderator

Posts: 1,712
Name: Jeremy Miller
Location: Las Vegas, NV
Trades: 0
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
JeremyMiller is offline
Reply With Quote
View Public Profile Visit JeremyMiller's homepage!
 
Old 05-20-2009, 12:30 PM Re: More then One Background Image in CSS?
Giselle's Avatar
"Happy Trails"

Posts: 9,984
Name: Giselle
Location: Washington State
Trades: 0
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.
Giselle is online now
Reply With Quote
View Public Profile
 
Old 05-20-2009, 12:34 PM Re: More then One Background Image in CSS?
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
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

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 05-20-2009, 01:06 PM Re: More then One Background Image in CSS?
Giselle's Avatar
"Happy Trails"

Posts: 9,984
Name: Giselle
Location: Washington State
Trades: 0
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.
Giselle is online now
Reply With Quote
View Public Profile
 
Old 05-20-2009, 09:08 PM Re: More then One Background Image in CSS?
Giselle's Avatar
"Happy Trails"

Posts: 9,984
Name: Giselle
Location: Washington State
Trades: 0
Quote:
Originally Posted by JeremyMiller View Post
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!
Giselle is online now
Reply With Quote
View Public Profile
 
Old 06-08-2009, 02:07 PM Re: More then One Background Image in CSS?
Giselle's Avatar
"Happy Trails"

Posts: 9,984
Name: Giselle
Location: Washington State
Trades: 0
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!
Giselle is online now
Reply With Quote
View Public Profile
 
Reply     « Reply to More then One Background Image in CSS?
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 2.04509 seconds with 12 queries