Invitation Birds of Paradise Exhibit You are cordially invited to the Birds of Paradise Exhibit The weekend of February 7 - 9 10 am - 6 pm 123 Main Street These imported flowers will be available for your viewing pleasure and for purchase.

Tickets are $10 each.

Modifications and Adjustments

I had to make several adjustments to the styles to make the image more like the final shown in the class notes. I wanted to create the page, without looking at the View Source, so I walked in the dark a little. I did use the lesson styles as a starting point, and then tried to apply them to achieve the same look.

1. I applied the .yellowhatch style to the td element for the cell with the main text information. I wanted to then apply the .img style to that image to get the blue border, but I could not get it to work. So I modified the .yellowhatch style and added the solid medium blue border to it.
2. I had another problem with the border of the .tickets style. I had to add a blue border to that style to get it to look like the lesson's finished version.
3. The other problem I had was with the alignment/spacing of the text in the main message box. My version resulted in the Invitation line being lower on the page than the lesson example when I showed the web page in Firefox 2.0. It looked fine within Dreamweaver, but gained some extra margin at the top in the Firefox browser. However, when I viewed the page in IE 7.0, the page display was just like the final version of the lesson demo. It does demonstrate how different browsers can display pages differently.
4. The final problem was with the .smalltext style. I applied it to the bottom line of text, and while the text became smaller, it did not give me any margin on the left and right of the line. So I added 10 pixels to the Left and Right margins of the .smalltext. This was probably related to how I applied the various styles to the rest of the text in the box, rather than to just the last line, but I used the .smalltext stlye to recover.

Return to Lesson 2 Intro Page