Comments on: Framing an Image http://www.csskarma.com/blog/framing-an-image/ display your <style> Mon, 12 Jul 2010 04:09:54 +0000 hourly 1 http://wordpress.org/?v=3.0 By: Me Paparazzi http://www.csskarma.com/blog/framing-an-image/comment-page-1/#comment-48426 Me Paparazzi Thu, 26 Feb 2009 12:25:54 +0000 http://www.csskarma.com/blog/?p=324#comment-48426 Hey Thanks for this interesting tip! Some suggestions! 1. It would awesome and actually help people (especially newbies like me) if you include the background image polaroid.png in the notes. It was confusing to distinguish between the image files of Cady's jpg and the background png! I had a hard time finding it! :-) 2. Also when I tried it out the background is actually tiling vertically! Any reasons for that? I added background-repeat: no-repeat; 3. It would also be more vivid, illustrative and easier to learn if you show MANY such images in action with a few examples of Cady and some text to go with it! Thanks again for the tips! Me Paparazzi Hey

Thanks for this interesting tip!

Some suggestions!

1. It would awesome and actually help people (especially newbies like me) if you include the background image polaroid.png in the notes. It was confusing to distinguish between the image files of Cady's jpg and the background png! I had a hard time finding it! :-)
2. Also when I tried it out the background is actually tiling vertically! Any reasons for that? I added background-repeat: no-repeat;
3. It would also be more vivid, illustrative and easier to learn if you show MANY such images in action with a few examples of Cady and some text to go with it!

Thanks again for the tips!

Me Paparazzi

]]> By: Charlie http://www.csskarma.com/blog/framing-an-image/comment-page-1/#comment-48288 Charlie Wed, 25 Feb 2009 17:40:57 +0000 http://www.csskarma.com/blog/?p=324#comment-48288 I wonder how it would work if you wanted the caption text to actually appear in the space underneath the photo. Would you have to mess with z-index or something? Also, this is a great little trick that is sure help me impress people ;-) (courtesy Tim Wright, of course!) I wonder how it would work if you wanted the caption text to actually appear in the space underneath the photo. Would you have to mess with z-index or something? Also, this is a great little trick that is sure help me impress people ;-) (courtesy Tim Wright, of course!)

]]> By: csskarma http://www.csskarma.com/blog/framing-an-image/comment-page-1/#comment-47628 csskarma Fri, 20 Feb 2009 23:20:35 +0000 http://www.csskarma.com/blog/?p=324#comment-47628 True, but alt text is generally pretty short compared to most captions. You have to make sure you don't make them too long True, but alt text is generally pretty short compared to most captions. You have to make sure you don't make them too long

]]> By: cameron http://www.csskarma.com/blog/framing-an-image/comment-page-1/#comment-47615 cameron Fri, 20 Feb 2009 21:53:27 +0000 http://www.csskarma.com/blog/?p=324#comment-47615 You could also add your caption text to the alt attribute of the image, and use jquery to append the img with an element containing the caption text, and position it relative to the image. No real benefit here, just keeping in the spirit of only using an <img> element in your markup.</img> You could also add your caption text to the alt attribute of the image, and use jquery to append the img with an element containing the caption text, and position it relative to the image. No real benefit here, just keeping in the spirit of only using an <img> element in your markup.

]]> By: Alex http://www.csskarma.com/blog/framing-an-image/comment-page-1/#comment-45638 Alex Tue, 10 Feb 2009 19:38:03 +0000 http://www.csskarma.com/blog/?p=324#comment-45638 This is a great tip! It's not something you'd think of setting a background on an image, but that's what makes it so clever! This is a great tip! It's not something you'd think of setting a background on an image, but that's what makes it so clever!

]]> By: Tim http://www.csskarma.com/blog/framing-an-image/comment-page-1/#comment-45590 Tim Tue, 10 Feb 2009 04:24:06 +0000 http://www.csskarma.com/blog/?p=324#comment-45590 Possibly a DL Possibly a DL

]]> By: csskarma http://www.csskarma.com/blog/framing-an-image/comment-page-1/#comment-45579 csskarma Mon, 09 Feb 2009 22:36:33 +0000 http://www.csskarma.com/blog/?p=324#comment-45579 I'd wrap it all in a div and set the caption paragraph margin-top to something like -80px; I'd wrap it all in a div and set the caption paragraph margin-top to something like -80px;

]]> By: csskarma http://www.csskarma.com/blog/framing-an-image/comment-page-1/#comment-45580 csskarma Mon, 09 Feb 2009 22:36:33 +0000 http://www.csskarma.com/blog/?p=324#comment-45580 I'd wrap it all in a div and set the caption paragraph margin-top to something like -80px; I'd wrap it all in a div and set the caption paragraph margin-top to something like -80px;

]]> By: Hill http://www.csskarma.com/blog/framing-an-image/comment-page-1/#comment-45578 Hill Mon, 09 Feb 2009 21:39:14 +0000 http://www.csskarma.com/blog/?p=324#comment-45578 How would you go about captioning the 80px space? How would you go about captioning the 80px space?

]]> By: Michael http://www.csskarma.com/blog/framing-an-image/comment-page-1/#comment-45573 Michael Mon, 09 Feb 2009 16:16:54 +0000 http://www.csskarma.com/blog/?p=324#comment-45573 Very cool! I didn't know you could do that Very cool! I didn't know you could do that

]]>