Easy Cascading Style Sheets
Easy Three-level Expanding Menu Code
In a previous article, I described an easy method to create an
expanding menu similar to Windows Explorer, but with only one level of sub-menus. This
article provides code for a similar expanding menu, except with two levels of sub-menus. More ...
How to Style a List
Lists are a very common structure found on Web pages. Many lists use the default styles,
which makes them somewhat boring. In this article, I show you how to get control of your
lists and how to use style rules to make them more interesting. More ...
Add Style to Your Blockquotes
A basic blockquote is a bit boring, but there are a few style tricks that you
can use to spice them up. In this article you learn how to set a border, how to
use graphic quote images and a few other style tricks. More ...
The CSS Box Model
One of the most important CSS webpage layout concepts to understand is the box model.
Every element on a webpage is actually a rectangular box. Exactly how a box will display
depends upon the positioning method used, which other CSS properties you set for the box
and how you select the box. More ...
How to Color Alternating Rows or Columns in a Table
It can be difficult for your eyes to follow a row or column across a large table. In this article,
I show you some easy CSS techniques to to add a background color to alternating rows or
columns of a table to make it easier to read. More ...
How to Overlay Text on an Image
At some point you might find the need to put text over an image. The easiest way is to
use a graphics editor, but with a graphics editor, if you don't like the exact location
where you placed the text, you have to start all over. By doing it with style code, you
can move the text around just by retyping a few digits. More ...
Easy Floating Menu Code
In this article you learn how to create a floating menu with only a few simple lines of code.
You learn how to make the menu float smoothly, and you learn how to give your floating menu 3D
buttons and mouseover effects. More ...
How to Change the Mouse Pointer
Internet Explorer provides a selection of standard mouse pointers. Which standard pointer
is being displayed depends upon the location and context of the mouse. Using Cascading
Style Sheets (CSS) rules, it's easy to change the mouse pointer. More ...
How to Use a Pull Quote
A pull quote is a sentence or two extracted from an article and placed in quotes. The
extracted text is used as a "teaser" to entice the reader to continue reading. By using
quotation mark and background images along with choice of fonts, font size and color,
you have infinite opportunities for creativity in the design of pull quotes. More ...
Style Your Imagemap Tooltips
Creating popup tooltips is extremely easy if you're satisfied with the style defined
by the client operating system. With a bit of style code and a bit of Java Script code
you can control the appearance of your tooltips. More ...
Make a Fixed-width Variable-height Round Cornered Box
You have undoubtedly seen websites that display text within round cornered boxes, and,
since there is no round cornered html element, you wondered how that was done. In this
article, you'll learn precisely how to create such a round cornered box. More ...
Easy Scrollable Area Code
In this article you'll learn how to create a scrollable area. Then you'll learn how
to use Style code to customize the appearance of your scrollable area. Next you'll
learn how to layout your webpage with scrollable areas. And last, you'll learn how
to load your scrollable area's from external files so you never need to edit your
front page again. More ...