Tag Archives: CSS

CSS Left Scrollbar

1 Jan

Because some languages go from right to left, there are some peculiar things you can do with CSS. Placing the vertical scrollbar on the other side; the left side; is one of those. Setting this to the body element causes everything on the page to change direction.

A little weird, and has little practical use (unless you actually make web pages for audiences that read from right to left). (more…)

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…)

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…)