Submit Your Article Forum Rules Search
WebProWorld
Register FAQ Calendar Mark Forums Read


Graphics & Design Discussion Forum Post your graphics design questions/comments/ideas in here. Ask questions, post tutorials, discuss trends and best practices. Sub-forum for website accessibility and usability.

Share Thread: & Tags

Share Thread:

Reply
 
LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 11-12-2003, 11:29 AM
WebProWorld New Member
 
Join Date: Jul 2003
Location: New Jersey
Posts: 3
edavis RepRank 0
Default Creating nongraphical inline-bullets that validate

I am looking for a way to create inline bullets to act as a separator in a footer. I am using • however it does not validate correctly since it is a non-SGML character. Does anyone know the proper way to display an inline bullet that will validate short of creating a graphical bullet?
Reply With Quote
  #2 (permalink)  
Old 11-14-2003, 03:33 PM
WebProWorld Member
 
Join Date: Aug 2003
Location: Kansas City, MO
Posts: 42
tertius RepRank 0
Default

Try using one of the HTML character entity codes, using either the entity code name or the entity code number.

A page I've found helpful as a good source for the less common HTML character entity codes covering additional ISO 8859-1 characters (latin-1), symbols, mathematical symbols, Greek letters, and for markup-significant and internationalization character entities can be found at: http://www.aim-higher.net/EntityReferenceViewer.asp . It shows the bullet dot code as: & bull ; or & # 8226 ; without the spaces. If this doesn't work, you might look through the chart for a substitute symbol....

HTH!
-Tertius
Reply With Quote
  #3 (permalink)  
Old 11-15-2003, 12:24 AM
Narasinha's Avatar
WebProWorld Pro
 
Join Date: Aug 2003
Location: Urbana, Illinois, US
Posts: 232
Narasinha RepRank 1
Default Creating nongraphical inline-bullets that validate

I was working on a similar situation the past couple days. What do you use for a bullet? My particular concern for this was Accessibility standards. To meet WAI standards, adjacent links must be separated by non-white-space printable characters. I have frequently used &middot; (& middot;) for such purposes, or the "pipe" character, |. It is also possible to create the effect of a separator with CSS using a well-defined <span> class.

One advantage of the | character is that Jaws, a Windows screen reader, ignores it.
Reply With Quote
Reply

  WebProWorld > Site Design > Graphics & Design Discussion Forum

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On



All times are GMT -4. The time now is 05:00 AM.



Search Engine Optimization by vBSEO 3.3.0