A design may call for the header or footer to span 100% width of a page, but the body of a design spread to a set width. Easily implement this by extracting the 100% width item from your main container div. PLAIN TEXT HTML: <div id=”header”> My header spans 100% of the window. </div> [...]
Otherwise titled, "Multiple background images + the bane that is IE6". This explanation is in reference to my July 2007 CSS Off code. In coding the design for the Early Bird h1 overlay, I implemented two overlapping background images: the pretty bird, and a horizontal grey bar. PLAIN TEXT CSS: /* Code for the horizontal [...]
Often I'll see a design with the list copy font the same color, typeface, and size as the normal body font. The design will highlight the items of this list by colorizing the bullet of each list-item. Using some creative HTML and CSS, this is possible with only a few lines of CSS. List Item [...]
July's CSS Off! design presented quite a few more challenges than June's entry. View my Early Bird WormSearch entry. (Yes, I know one of the headings is black. I would blame it on color-blindness, but it's a lie. It was just an oversight - I genuinely did not see it until posting today. Arg, I [...]
I have discovered an ideal CSS Editor, and it is available only for Mac OS X: CSSEdit 2. I'm currently enthralled with the simplest of features: code highlighting, the "intelligent CodeSense" (intellisense) of my dreams, and a little IDE sidebar so I can select that property that I rarely use, or order my background properties [...]
Behold! The time is nearly upon us! On Saturday the 14th, beginning at 12midnight CST (the midnight between Friday and Saturday), the second CSS Off! competition begins! Let this be a reminder of the competition, so participate like me and we will learn new and exciting things about CSS and design. Last time was fun, [...]
Congratulations to Dawid Lizak for winning the CSS Off competition of June. View his winning entry. Gripes Note: A lot of these gripes are directed to my own misunderstanding of the rules of this fairly new competition. If you disagree with any of my gripes, please, leave a comment. Non-Semantic HTML There are divs named [...]
