Ok, I'm designing a portfolio site for someone that's built on Pixelpost. I'm designing the template now, and I've run in to some problems. First, here's the VERY rough, incomplete site as it is now.
http://jond25.zendurl.com/pixelpost/
Like I said, it's very rough right now, with mostly just test info and photos in it (one of the photos is even mine, used just for test purposes).
What I need help with is on the bottom. As you can see, it doesn't look good. What I want is for the transparant black panel on the bottom left of the photo to slide up when "info" is clicked, kinda like how when you click "comments" that stuff slides down. The problem is that I don't know how to make the panel lay on top of the photo while allowing the footer to stay right underneath without that big space. As you can see if you check the code, I have the panel in it's own div with an ID "exif", placed right underneath the photo, with the CSS positioning relative, and a top as -150 (the height of the panel). Obviously, this isn't the right way to do it exactly, because that's why there's the space there. So, what I'm wondering is how I can place the panel over the photo while being able to place the footer cleanly underneath the photo. It may be something really easy that I'm just not aware of, or perhaps something that I'm doing wrong fundamentally that I need to fix first. Any help would be awesome. Thanks!
http://jond25.zendurl.com/pixelpost/
Like I said, it's very rough right now, with mostly just test info and photos in it (one of the photos is even mine, used just for test purposes).
What I need help with is on the bottom. As you can see, it doesn't look good. What I want is for the transparant black panel on the bottom left of the photo to slide up when "info" is clicked, kinda like how when you click "comments" that stuff slides down. The problem is that I don't know how to make the panel lay on top of the photo while allowing the footer to stay right underneath without that big space. As you can see if you check the code, I have the panel in it's own div with an ID "exif", placed right underneath the photo, with the CSS positioning relative, and a top as -150 (the height of the panel). Obviously, this isn't the right way to do it exactly, because that's why there's the space there. So, what I'm wondering is how I can place the panel over the photo while being able to place the footer cleanly underneath the photo. It may be something really easy that I'm just not aware of, or perhaps something that I'm doing wrong fundamentally that I need to fix first. Any help would be awesome. Thanks!