I've always been taken with the way that the BBC styles their A-Z index using a simple list and CSS. However, because they use pixels to set the dimensions of each list item, the design breaks when you increase the text size.
It's always been important to me not to break the browser's ability to resize text and so I thought I'd have a go at creating an A to Z index along the same lines that doesn't break when you resize your text.
The code is actually pretty straight forward. Here's the CSS first:
< a href ="#a"> A
< a href ="#b"> B
< a href ="#c"> C
< a href ="#"> etc
< a href ="#z"> Z
And there you have it - an easy way to add a nice design to what would otherwise have been a boring list. You can find a link to an example in the resource box below.
Note: Copying of article contents in whole is permitted provided that article body and article author by-lines are kept intact and unchanged. Hyperlinks and/or URLs including article source link provided by authors and/or zeronese must remain active at all times.
The views and opinions of authors expressed on Zeronese Article Directory web sites do not necessarily state or reflect those of the Zeronese.net .
Browse Webmasters Article Directory 
