Help : Dividers

How can I use a divider on my web page?

Simply use the IMG HTML tag to display the divider anywhere on your page. You can also drag and drop the image using the WYSIWYG HTML editor of your choice.

How can I use a divider image with horizontal rule (HR) tags?

You can do this with CSS, in addition to using a combination of a DIV tag and a HR tag. Insert the following code in your stylesheet:

.myhr
{
height: 20px;
background: url('dividerimage.jpg') no-repeat center;
}
.myhr hr
{
visibility: hidden;
}

Change the value of height to match the height of your divider image. To use your new horizontal rule, use the following HTML code:


<div class="myhr"><hr /></div>

Useful Resources

Sponsors

  • Advertise Here
Valid XHTML 1.0 Transitional Valid CSS!