Welcome to WebmasterWorld Guest from 54.146.201.80

Forum Moderators: incrediBILL

Message Too Old, No Replies

Single bullets and UTF-8

What is the best way to represent a single bullet?

     
5:46 pm on Jul 21, 2009 (gmt 0)

Junior Member

10+ Year Member

joined:Oct 25, 2004
posts:86
votes: 0


Is it best to just use • or &8226 to represent a single bullet or some other method? I had thought 8226 was the best way until I found an editor that was converting it in source code to something unrecognizable even though I told it to use UTF-8.

btw - Apache is set to UTF-8 as well as my content type set to charset=utf-8". Both seem to display well and pages validate but just wondering which is preferred.

7:04 pm on July 21, 2009 (gmt 0)

Senior Member

WebmasterWorld Senior Member tedster is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:May 26, 2000
posts:37301
votes: 0


I try always to use an unordered list with appropriate CSS for the page. That bypasses any issues.

I found an editor that was converting it in source code to something unrecognizable

That editor may be using its own font set, and there's no character in the font set for the bullet symbol.

8:03 pm on July 21, 2009 (gmt 0)

Senior Member

WebmasterWorld Senior Member swa66 is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Aug 7, 2003
posts:4783
votes: 0


• should be as universal as you can make it. It even works in titles and the like.
9:08 pm on July 21, 2009 (gmt 0)

Junior Member

10+ Year Member

joined:Feb 8, 2005
posts: 147
votes: 0


Most editors have this problem. What looks good in IE may have problems in Firefox or Safari.
So write it in basic HTML + CSS and validate. No more surprises!
If your editor allows, insert article text with all html tag brackets to your page as a "CODE" from Notepad.
Here are two examples:

----------------------------------

<font face="Arial" class="fsx03" color="#333300">
<p>Text text text text text text text text<br>
text text text text text text text text...<br>
<B><p style="text-align:left;">&#8226</B> Text text text text text<br>text text text...</p>
<B><p style="text-align:left;">&#8226</B> Text text text text text<br>text text text...</p>
<B><p style="text-align:left;color=#f25500;">&#8226</B> text text text text text<br>text text text...</p>
<p>Text text text text text text text text<br>
text text text text text text text text...</font>

----------- OR ----------------------------

<font face="Arial" class="fsx03" color="#333300">
<p>Text text text text text text text <br>text text text text text<br>
text text text text text text text tex...<br>
<font face="Arial" class="fsx04" color="#f25500">&#8226</font> Text text text text text<br>text text text text text...<br>
<font face="Arial" class="fsx04" color="#f25500">&#8226</font> Text text text text text<br>text text text text text...<br>
<font face="Arial" class="fsx04" color="#f25500">&#8226</font> Text text text text text<br>text text text text text...<br>
Text text text text text text text text<br>
text text text text text<br>
text text text text text text text...</p></font>

------------------------------

I hope these will work for you.

9:28 pm on July 21, 2009 (gmt 0)

Junior Member

10+ Year Member

joined:Feb 8, 2005
posts:147
votes: 0


One more thing. You may not need some of the html brackets so remove them but test page first in IE and Firefox.