Jump to content
Stef's Coding Community
capnhud

Image Gallery Background

Recommended Posts

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 by capnhud

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites
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.

Share this post


Link to post
Share on other sites

Place a background on the Body tag.

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

Share this post


Link to post
Share on other sites

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 by Wickham

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

I even created separate div for the gallery and still no go. With the padding the images fall outside the div

Edited by capnhud

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites
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...

Share this post


Link to post
Share on other sites
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 by capnhud

Share this post


Link to post
Share on other sites

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.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...