Sunday, July 17, 2005

Coloured Triangles

You will see that the design requires some angles in the border and these need to be delivered with actual graphics. I have experienced problems with a block of colour as a GIF not looking the same as a colour defined with CSS. My solution to this is set that colour to be transparent where possible so that the ‘proper’ colour is defined as CSS rather than within a graphic. This has the added benefit that different colour styles can be easily set up without the need for extensive image editing.

This means that the background of the containing block is set to an appropriate colour as well as having a background graphic with a transparent triangle.

The problem with this approach is that the white areas in the design cannot be transparent and so this makes for less flexibilty in the colour scheme. I need to look at this again but in the meantime the small triangle at the bottom becomes transparent where there is white and solid where there is colour.

furthermore...