Image Gallery Background

[capnhud]

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

[PicnicTutorials]

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...

[capnhud]

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.

[PicnicTutorials]

gotcha... I can take a look at it later, but I'm sure someone else will before then.

[capnhud]

Ok

[jlhaslip]

Place a background on the Body tag.

The only background I can find on the Gallery is for the text that swaps out.

[Wickham]

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

[capnhud]

I renamed to headshadow and I get the same results. Using web developer it shows that 5 images are downloaded.

[Wickham]

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.

[capnhud]

a piece is now showing, but the dropshadow I know is designed to go all the way around.

[PicnicTutorials]

just guessing (marooned in my phone) sounds like maybe the container needs some padding...

[capnhud]

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

[PicnicTutorials]

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...

[capnhud]

Going that route seems to be more problematic.

[PicnicTutorials]

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...

[capnhud]

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

[PicnicTutorials]

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

[capnhud]

thanks for tuts. Now take a look.