«
»

NAVT and Graphic Anchors

Published
by
Greg
on March 30, 2008
in NAVT, Plugins and Word Press
. Closed Tags: .

Introduction

The NAVT plug supports three anchor types in addition to the standard everyday text anchor people typically use. The additional anchor styles are for those who want to use graphics or a mixture of graphics and text as anchors. The anchor styles supported are:

  • Standard text link (no graphics)
  • Text over Graphics
  • Text with a side graphic
  • Graphic only (no text)

Anatomy of a Graphic Anchor

A graphic anchor is generally a button or graphic of some type with text (HTML font) on top of it. This anchor typically uses a background image. Some of the time the same graphic image is used to create each link. This makes it necessary to provide a unique set of css classes making it possible to distinguish one anchor from another. NAVT provides several unique class names from which you can create distinct rules for each anchor.

CSS Styling

CSS styling is the cornerstone of creating graphic anchors. NAVT provides anchors wrapped in a DIV tag or anchors outside of a DIV tag. Using a DIV tag enables you to set the width and height of the DIV and then backgrounding it with the desired graphic.

Additional Information

I’ve written additional articles on each of the graphic link types.