css: add text before or after
by prettyscripts on 2011-12-19 12:09:00 • Leave a comment »
use :before and :after psuedo elements with css property content.
eg, to separate a list of items with '|':
li:after { content: ' | '; }
li:last-child:after { content: ''; }
note line 2: no separater after the last item in the list. more »
css: box around floating elements
by prettyscripts on 2010-09-20 16:25:00 • Leave a comment »
a common problem with when trying to box 2 floating elements, you see a zero-height box align to the top of the floating element. eg, we have the following layout:<div class="container"> <div class="left">left column</div>… more »
css and ie: clear
by prettyscripts on 2010-02-16 11:12:26 • Leave a comment »
i always have a clear class in my css to clear any floating elements:.clear { clear: both; } and commonly used in html code such as follows:<div id="floating_1">something</div><div class="clear"></div><div id="float… more »
css and ie: fixed position
by prettyscripts on 2009-11-19 11:24:05 • Leave a comment »
one of the things that’s not supported in internet explorer. the css 'position: fixed;' it works in IE7 and after. but not in older versions. thought people should upgrade their browser, there are still users limited to the older version. (why don’t yo… more »
css frameworks
by prettyscripts on 2009-05-19 15:41:13 • Leave a comment »
i came across this article about css frameworks. from the sound of it, they seem to cut down css coding times.
some of the ones mentioned in the article which i’ll be looking at:
960 grid system
blueprint
yaml
yui more »
Affiliates
©2012 by prettyscripts.• powered by b2evolution • skin by prettyscripts