The RSPB required a web application through which they could provide learning material to people interested in birds and birdwatching. Once a user has logged-in they are presented with 6 different modules as well as access to the resource library which contains the RPSB Handbook of British Birds and Where to Watch Birds - Britain.
Whilst searching for an efficient and effective way of creating print stylesheets for some whitepapers we are releasing at work I found a new way to control HTML elements with CSS.
By styling the attribute value of a HTML element I have found that it reduces the need to add ID and class values to HTML elements just for them to be styled through CSS.
In a project that I am currently working on, there are just two content images; one needs to be aligned to the left, the other to the right. They need to have different margins around them to separate the images from the text. I used to add clases in situations such as these, however I can now style them through defining the CSS img[align="left"] and img[align="right"].
Makes things much easier.
Leave a Reply
You bring the idea, I'll bring the usability, design, colour and vision and together we will make something beautiful. Read more
With the right interface design you can change the most mundane of subjects into something inspiring, easy-to-use and fun! Read more
One Response to “CSS styling through HTML element attributes”
Good stuff! Just used it on the document I’m marking up–the doctype that I’m using (teilite) is pretty austere if you want to use it properly. But the <add> element (used to mark words that authors have added into their manuscripts) has a “place” attribute that tells whether they added it at the top, bottom, &c. So now I can use this to float stuff where it ought to be, without adding evil classes. Cheers a lot, Scott!
by Tom on August 21st, 2006 at 10:11 pm