In an interesting post, SP recommended not including big pictures in blog posts. Simply abandoning big pictures in your posts might not be feasible. Instead of avoiding big images altogether, a better approach might be to add various classes to your images so that you can change the style of the image later if that becomes necessary when you change the layout of your blog.

Advertise With Us

Most images have one class assigned to the image to control the float and border of the image. We use “alignleft” and “alignright” as standards in our designs. CSS allows you to assign multiple classes to a single element. In fact, you can assign as many classes to an element as you want. Each additional class helps further define the element.

Instead of abandoning large images in your blog posts for fear that a redesign might wreck your image presentation, consider adding classes to images that control size separately from their position. Instead of simply having “alignleft” on an image, the double class of “alignleft medium” could control the position of an image and the size of an image separately so that the size of the image could be altered in a subsequent blog design change through CSS while still permitting big images in a blog post.

"Multiple CSS Classes For Images" by Tommy was published on October 12th, 2007 and is listed in Wordpress.

Follow comments via the RSS Feed | Leave a comment | Trackback URL

Leave Your Comment

Subscribe without commenting

Click Screenshots To Enlarge

  • Wordpress Theme Skin for Shifter - Over It (Glass)
  • Change between thin, wide and full width layouts without destroying your site structure.
  • Wordpress Theme Skin for Shifter - Over It (Light)
  • Choose between single or double sidebars and then shift sidebar width or position with the flip of a switch.
  • Wordpress Theme Skin for Shifter - Lizard (Dark)
  • One, two or three column layouts have never been easier.
  • Wordpress Theme Skin for Shifter - Brown
  • 15 skins let you choose the end look for your site without destroying the structure of your perfect layout.
  • Wordpress Theme Skin for Shifter - News Red
  • Shifter makes designing your site easier, faster and more enjoyable - all with the flip of a switch!

Wearing the Basic Skin for Shifter by Buzzdroid