In the HTML code, I’m gonna have more images… so 3 in each row, probably 3 more rows, anyways, as it sits I like it but I want to add a shadow to the bottom of each image. What would be the best way to go about adding one to each image. Thanks for any help.
Put a <div> around each anchor and put a background image of the shadow in that div. Assuming you provide user feedback by coloring the image borders (or outlining the image), the anchor coloring will remain around the image and not outside of the shadow.
This is a very old demo (about 10 years old) but shows how to use a transparent image around an image and will work back to IE6.
As mentioned above you just add an element around the image (if there’s nothing else suitable) and apply the shadow to that element. You can make space with padding or just shift the image over the background with negative margins.
Hey thanks for your help, what do you think about this… It works for me but I just want to make sure the code looks good… I wrapped the images with divs and I just set a width and a height to that div then positioned the shadow to the bottom.
The code doesn’t make sense to me. And where did the anchors go? What is your objective?
Please click on the link at the bottom of my post and read the part about posting your code as a working page from doctype to </html>. That way, we should be able to see exactly what you see. You might mention the browser(s) in which you are viewing the samle, too.
I could throw something up that would work, but I’d prefer that you take the lead and present your needs a bit more clearly.
What happened was I created a new page and forgot to add the links to the images, here’s the entire page… I thought it would be easier to just post the css and the html section that I needed help on but I believe I’m using the latest version of Firefox… Anyways, I want to be able to have this look almost identical on IE browsers, maybe 6 +… As for the shadow, is that way practical? Thanks
Which of these images more closely reflects the layout that you wish?
I would like to suggest that you reconsider how seriously you want to support IE6 and 7. They are not even on the charts any more. Far more attention is being given to fluid and responsive sites these days because that is where the customers are.
Your last post sounds like you are finished asking questions here.
Nevertheless… Shadow at the bottom:
A suggestion for the future (wherever you may go for assistance)… when you post a request for help, post a working page that should render the same in the helper-bee’s browser as it renders in yours. In this case, without your images or a screen shot showing how your code looks in your browser, we can only guess based on what you say you want (and most descriptions are notoriously incomplete ).
The following is a screen shot of how your posted code renders on my PC in FF (just so you understand that one can only guess at how you intend for it to look).
BTW - This is a good test to see how the page would look if an image or all images cannot be found on the server, or if the user has images turned off.
Thanks… well I still wanted to know if my CSS code looked correct for adding the shadow at the bottom. Anyways, about providing a working page… I’ll definitely have one next time, I tried to be most descriptive as possible, sorry about that.