Monthly Archives: January 2012

Affecting a series of (recursive) elements with css

Many sites use some form of rating system for content – here is an example of how to create series of elements for a ranking meter using only html and css. HTML <div id=”stars”> <div class=”star”> <div class=”star”> <div class=”star”> … Continue reading

Posted in Web Development | Tagged , , , | Leave a comment

CSS Double Border

Today I came across an interesting prospect – How to emulate a double border using only CSS. This can be achieved with the :before and :after pseudo selectors. xhtml <div id=”myDiv”>Some Text Here</div> CSS #myDiv, #myDiv:after { display:block; background:#00f; width:100px; } #myDiv:after … Continue reading

Posted in Web Development | Tagged , , | Leave a comment