Monday, October 22, 2012

Moar img {max-width: 100%;}

See also.

Thanks again, Ethan Marcotte and Richard Rutter.

The images below are all of one that is 1060px x 600px, at full scale.

Here is Blogger's default centered, large layout:

(Used Blogger to host the image because Photobucket resizes anything wider than 1024 px.)


Here it is with style="max-width:100%; border:none; margin:0;"

an image bigger than the blog post width


Here it is with style="max-width:100%; border:none; margin:0; padding:0;", since Blogger (in this template, at least), specifies padding:4px for all images in posts.

an image bigger than the blog post width

img {max-width: 100%;}

Thanks, Ethan Marcotte and Richard Rutter.

The first two images below have style="max-width:100%; border:none; margin:none; padding:none;"


The following image has the same styling as above, except max-width is set to 50%.

Wednesday, October 3, 2012

Links to some specialized feeds from my real blog

Just posts tagged "science:"

http://bjkeefe.blogspot.com/feeds/posts/default/-/science

Just posts tagged "cool:"

http://bjkeefe.blogspot.com/feeds/posts/default/-/cool

Just posts tagged both "cool" and "science:"

http://bjkeefe.blogspot.com/feeds/posts/default/-/cool/science

Reference links and more details here.

ShareThis