capnhud Posted May 12, 2009 Report Posted May 12, 2009 (edited) I have attached a background image to this slideshow, but for some reason it does not show. I have resized the main images so that they show in the inside of the background image but they appear to cover the background image. What could I have done wrong? Edited May 12, 2009 by capnhud Quote
PicnicTutorials Posted May 12, 2009 Report Posted May 12, 2009 Well since we're using words to code this thing, just tell the background image to go in front of the others. That should to it! Seriously though, when and/or if you supply the code, give all of it. Not an html snippet and then the css snippet. It should not be our job to piece it all together for you just to get a working copy. That said, sometimes, when working with images, it's easier to have a live copy. So throw it up on your server (shouldn't have to be mine) and then we'll go from there... Quote
capnhud Posted May 12, 2009 Author Report Posted May 12, 2009 Well since we're using words to code this thing, just tell the background image to go in front of the others. That should to it! Seriously though, when and/or if you supply the code, give all of it. Not an html snippet and then the css snippet. It should not be our job to piece it all together for you just to get a working copy. That said, sometimes, when working with images, it's easier to have a live copy. So throw it up on your server (shouldn't have to be mine) and then we'll go from there... LOL at first I was like what are you talking about. But after reading my post I see the link was not on the word. When I created the post I had inserted the link. Quote
PicnicTutorials Posted May 12, 2009 Report Posted May 12, 2009 gotcha... I can take a look at it later, but I'm sure someone else will before then. Quote
jlhaslip Posted May 12, 2009 Report Posted May 12, 2009 Place a background on the Body tag. The only background I can find on the Gallery is for the text that swaps out. Quote
Wickham Posted May 12, 2009 Report Posted May 12, 2009 (edited) According to your css file the background-image for #gallery should be http://capnhud.googlepages.com/gimp_head_shadow.png but it doesn't download, so check the path, filename or if you haven't uploaded it yet. Edit: it didn't download first time, but it does now, so it must be another problem. Edited May 12, 2009 by Wickham Quote
capnhud Posted May 12, 2009 Author Report Posted May 12, 2009 I renamed to headshadow and I get the same results. Using web developer it shows that 5 images are downloaded. Quote
Wickham Posted May 12, 2009 Report Posted May 12, 2009 Your style hasn't got a width; see if adding one makes a difference:- #gallery { background: url(images/gimp_head_shadow.png) no-repeat scroll center top; position:absolute; height:354px; width: 580px; } It did in my test, but I didn't have all your othe rimages, but I got a blank space without the width, then a gray background after adding the width. Quote
capnhud Posted May 12, 2009 Author Report Posted May 12, 2009 a piece is now showing, but the dropshadow I know is designed to go all the way around. Quote
PicnicTutorials Posted May 12, 2009 Report Posted May 12, 2009 just guessing (marooned in my phone) sounds like maybe the container needs some padding... Quote
capnhud Posted May 12, 2009 Author Report Posted May 12, 2009 (edited) I even created separate div for the gallery and still no go. With the padding the images fall outside the div Edited May 12, 2009 by capnhud Quote
PicnicTutorials Posted May 12, 2009 Report Posted May 12, 2009 Took a quick look. here is how I would do it. place the shadow div inside the gallery. position absolute it and position it where you want. Then you'll probably need padding on the gallery so it shows the shadow. give that a try... Quote
capnhud Posted May 12, 2009 Author Report Posted May 12, 2009 Going that route seems to be more problematic. Quote
PicnicTutorials Posted May 12, 2009 Report Posted May 12, 2009 Going that route seems to be more problematic. OK, well how are you trying to position the shadow? Poking out the bottom and right? Or bottom and right/left? I just moved the gallery div around, it's not big enough to poke out both sides, but definitely doesn't look good (with that distinct border on the shadow) just coming out the right side. So... Quote
capnhud Posted May 12, 2009 Author Report Posted May 12, 2009 (edited) I just moved the gallery div around, it's not big enough to poke out both sides Eric your a cool dude. I tried to enlarge it I thinks 8px wider now. I am trying to center the images in it. Edited May 12, 2009 by capnhud Quote
PicnicTutorials Posted May 12, 2009 Report Posted May 12, 2009 Thanks! I just looked at your shadow again, and I'm sorry to say, it looks like poop. Here, you might want to try either one of these methods for the shadow. http://www.visibilityinherit.com/code/photoshop/create-shadow.php http://www.visibilityinherit.com/code/drop-shadow.php Quote
capnhud Posted May 13, 2009 Author Report Posted May 13, 2009 thanks for tuts. Now take a look. Quote
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.