Monthly Archives: June 2009

HTML Expandable Box with a Drop Shadow

It is a little complex to create an HTML box with a drop shadow. It is complex because you need the design with the ability to edit the text inside the box. You also want the box to expand vertically as content is added.

Posted in Web Design | 2 Comments

How to Wrap Text Around Images in your Web Pages

The best way to position your Web images so text and other objects wrap around them is to use the CSS property of float. You can float either right or left. You can then add margin to add some spacing between the floated image and page content. I have created some code for you that [...]

Posted in Web Design | Tagged , | 1 Comment

Single Column Web Page Layout with CSS

In an earlier post, I gave you Illustrator layout templates to easily allow you to design your web site. I now want to give you the HTML and CSS code to create a single-column web page from your exported slices from Adobe Illustrator.

Posted in Web Design | Tagged , , | Leave a comment

Web Page Wireframes with Adobe Illustrator

I use Adobe Illustrator to mockup my web site designs. I prefer to use Illustrator because Illustrator is designed to create layouts, whereas Photoshop is not designed to create layouts (in my opinion).

Posted in Web Design | Tagged | Leave a comment