Hostgator coupons for up to 99% off hosting for Dynamic Drive visitors!
Advanced Search Usage Terms Submit Contact
Dynamic Drive CSS Library

CSS Library: DIVs and containers: Here

Arrow Comment Box

Author: Dynamic Drive

Using a simple "arrow" image, this CSS code transforms a regular DIV into a fancy box with sub text appearing beneath it. It's a nice interface to use for your blog's comment boxes, for example.

This is some comment.
This is some comment.
This is some comment.
Posted by Dynamic Drive on 05/10, 03:39 AM

The arrow image is being used as a background image, meaning you can in fact easily control how much of it is shown just by altering the background image's horizontal and vertical positions:

This is some comment.
This is some comment.
This is some comment.
Posted by Dynamic Drive on 05/10, 03:39 AM

The single image used:

The CSS:

The HTML:

Code Info

Rate this code:

Date Posted: 05/10/2006

Revision History: None

Usage Terms: Click here

Your Comments
Copyright 2006-2016 Dynamic Drive