CSS Introduction

1 Jan

Cascading Style
Sheets
(CSS) is a
language that is used to describe the stylistic
presentation of a structured document written in
HTML or XML. The CSS specification is maintained by
the World Wide Web Consortium (W3C). (more…)

Styling a drop down menu, select and option tags, with CSS

1 Jan

CSS gives you many options to style elements that was never available in HTML. Now you can apply color, background color and set the different font properties as well.

Don’t go too crazy with this. Remember that a drop down menu like this, primarily serves one function; to be used. So make sure you don’t make the list too confusing to use for your users. (more…)

Scroll area with overflow in CSS

1 Jan

Small Scrollable Areas

Scrollable areas on webpages has become increasingly popular after being used by some leading design communities on the internet. Scrollbars can be done with a textarea or iframe tags, but a more frequent way of doing it is through using the abilities that already lies within HTML and CSS for any page element.

A normal block element, like a <div> can be set to a certain height and width. What happens when the content of the DIV exceeds the size given to it?

Enter the CSS property ‘overflow’. (more…)

Custom graphic in bullet list <li>

1 Jan

This is a way to use graphic images as your bullets in unordered lists, bullet lists. This used to be achieved by creating a table with two columns, where the image would be in the first column and the the text in the second column. Semantically weak, this was never a good solution, but CSS comes to the rescue again. (more…)

The fast way to center a block element

1 Jan

There are several ways of centering a div (or ‘layer’ in Dreamweaver speak). I’m going to show the one I think is easiest to implement because all it takes is a snippet of standards compliant code, and a doc type change. (more…)