Friday, January 11, 2008

CSS Poem

CSS Poem.There is nothing fundamentally different about the CSS approach on this page and on the main page. An area I worked to improve is an issue that I discussed in an earlier post regarding use of background pictures as headings in the CSS zengarden website. The word Up in the first line of the poem is a picture. I placed it in the html instead of the CSS so that when images are turned off one can still read the poem. I used floats to move the text around, and fine tunned it with margins. I tried to avoid using too much relative positioning because on an earlier project I noticed that when faux columns are used Firefox will take out the space cleared by the relatively positioned element while Internet Explorer will keep that space intact( which is actually a more correct way of rendering this part of CSS). On the graphics side I think it is generally (when there is more html content involved)a good idea to use more tiling for images rather taking a whole sliced image. The two areas where tiling was not used but could be is the green gradation and the cream background. The way to do this would be to set the green gradient as the background for the wrapper and and make images in left and right columns short; for the cream background of poem the slicing would need to be set up so that any transparency is part of the other divs and choose a solid color background for the center div.

No comments: