June Meeting Notes: Styling Boxes

At our June meeting, we went continued our discussion on the box model by looking at ways to style boxes. At our May meeting, we had talked about height and width. We reviewed that topic and then went through borders, margins, and padding.

I used a couple of sample pages to illustrate the options, and I have uploaded them here with comments in the source. The first page is a sample of the values for the border property. Download this file and play with the source. You will see comments that will help you. Open the file in different browsers to see how they render borders.

The second page is an illustration of using margins or padding. The set off paragaphs look the same until you go to the source and add background color to the content.

At our next meeting, we will finish on this topic by running through the styling of inline elements.

June 11 Meeting Announcement

The June PACS meeting will be the second Saturday of the month, the 11th, instead of the third Saturday. This change is due to the school's schedule. The CSS Workshop will meet at the usual 9-10 hour.

This month we will work on styling boxes using the border, padding, and margin properties. As this session will be the last for the year, I hope to hit all those topics, so please be on time.

The Web Design SIG will be meeting once during the summer. If you have any questions after the June meeting, we may have a chance to do some CSS Q&A at that summer session.

We are working on plans for next year, and you can expect some announcements this Saturday. I will keep the CSS Workshop going next year if there is interest, so let me know what you think.