Dots using style sheet

[W L]

I wonder if one of you html gurus would take a moment and tell me how the
dots below the text on this webpage were created.
http://www.esri.com/industries.html It looks like a stylesheet to me, but
I'm not sure. I'd like to know how to create a similar effect on my own
pages. I noticed in the source code there is a <div class="gateHeaders"> tag
but I have no idea what that means.

 

[Steve Easton]

The dots themselves are repeating gif images
of 3 dots each, called by a style sheet.

 

[clintonG]

Put this into your style sheet...

..gateHeaders {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 1em;
font-weight: bold;
color: #E4752B;
background-image: url(/graphics/dotTile.gif);
background-position: bottom left;
background-repeat: repeat-x;
padding-bottom: 4px;
margin-top: 10px;
margin-bottom:10px;
}

Use it in the HTML like this...

<div class="gateHeaders">Business</div>

Doing so will only function with the modern browsers though.
You should read and study the source for the ESRI page.

--
<%= Clinton Gallagher
A/E/C Consulting, Web Design, e-Commerce Software Development
Wauwatosa, Milwaukee County, Wisconsin USA
NET (e-mail address removed)
URL http://www.metromilwaukee.com/clintongallagher/

LaGarde StoreFront 5 Affiliate: e-Commerce Solutions
SEE: http://www.storefront.net/default.asp?REFERER=-201499070