Welcome to WebmasterWorld Guest from 54.196.175.173

Forum Moderators: incrediBILL

Message Too Old, No Replies

Single bullets and UTF-8

What is the best way to represent a single bullet?

     

Kahless

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

10+ Year Member



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.

tedster

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

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



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.

swa66

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

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



• should be as universal as you can make it. It even works in titles and the like.

artek

9:08 pm on Jul 21, 2009 (gmt 0)

10+ Year Member



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.

artek

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

10+ Year Member



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

Featured Threads

Hot Threads This Week

Hot Threads This Month