Do you use image styles to ensure great looking content?

Last updated by Brook Jeynes [SSW] 9 months ago.See history

Many people will simply "plonk" an image onto a web page in between or next to a block of text. This interrupts the flow of the page and gives a disjointed, unprofessional impression.

A good technique is to set a CSS style to images. This style will be consistent and easy to be used by any person who might edit the website content.

imageWithoutStyles
Figure: Bad example - The image has no styles

imageWithStyles
Figure: Good example - The image has CSS driven margin, padding, borders

It's also important to choose the correct semantic formatting for images. Different HTML codes might give the same look and feel, but the best way to add images to your site is using <dl>, <dt>, and <dd> tags.

We open source. Powered by GitHub