Clik here to view.
Image Borders with CSS
Sometimes, a website design benefits when images have frames – or borders. One way to get them is one image at a time, using a graphics program. But there is a much faster way – with CSS! This code:...
View ArticleStyling Lists with CSS
We’ve already discussed navigation lists and list bullet images, but sometimes, a list is just a list. There are two types – the ordered list and the unordered list. The ordered list counts the items;...
View ArticleMultiple Background Images with CSS
At times, it makes more sense to use background images than to insert them directly into the page. And while each element – like your body tag – can hold only one background image, they can be applied...
View ArticleAll Caps with CSS
While text in general is hard to read when written in all caps – and considered the electronic version of yelling – using CAPS for emphasize is a handy tool. Headers are a place where capitalization is...
View ArticleStyling iframes with CSS
If you still haven’t heard, hear it now: FRAMES ARE DEAD – well, technically, they are more like the undead – the zombies of webdesign. They should be gone and forgotten but refuse to stay buried. It’s...
View ArticleUsing the CSS z-index
By default, the elements of a website line themselves up next to or under each other automatically. However, at times, the design requires them to overlap. When that happens, the stacking order becomes...
View ArticleStyling a Horizontal Rule with CSS
A quick and easy way to insert a dividing line into a website is with a horizontal rule, the hr tag. This horizontal rule was created by the following inline CSS: <hr style="color: #f00; background:...
View ArticleThe CSS Overflow Property
By default, elements in a website will expand to make room for whatever they contain. An empty division, for example, won’t show at all, but you can add 1 or 12 (whatever) paragraphs, and the division...
View ArticleCentering Text with CSS
Centering text and other elements can easily be done with the CSS text-align property. It can be applied to a division, the p tag – pretty much any block-level element. Applying this to an internal or...
View ArticleVideo Blog – Intelligent Web Design Learning
In this video blog, Stefan goes over 2 major points: 1. Don’t get caught up in nerd-theory rabbit holes, that take up all your time on things that will have little to no impact on your day-to-day web...
View Article
