Topic: Getting a Dingbat Character in the Right Place

I'm trying to get an effect like:

> some person

with the following code.

<div style="width: 178; text-align: right;"><span class="inactive-nav-link" title="meet some person"><span style="font-family: Webdings;">4</span>&nbsp;some person</span></div>

For some reason, this does the right thing in Mac FF but in Safari I get:

4 some person

Thoughts?

Re: Getting a Dingbat Character in the Right Place

It might be that Safari has more conservative ideas about what fonts should be used.  The most reliable way to get that character is the html entity &gt;  You might want to check out &raquo; though - it's slick too.

Last edited by danger (2007-03-28 17:21:15)

Re: Getting a Dingbat Character in the Right Place

Would that it were so easy. My client is currently using a heavy graphical implementation and wants to preserve the look. I guess I'll pare it back to using only the graphic for the right triangle sad

Thanks

Re: Getting a Dingbat Character in the Right Place

Why not use CSS? Especially if this is a bulleted list, it really should be marked up as such.

<ul class="my_list">
    <li>some person</li>
</ul>

.my_list ul {
  list-style-type: none;
}

.my_list ul li {
   background: url('my_dingbat.gif') no-repeat left center;
}

Re: Getting a Dingbat Character in the Right Place

Well, that's kind of where I'm at now. This is icky legacy code that someone (honest, not me smile cooked up in an old version of Dreamweaver. Creating anything resembling semantic markup is really hard in this codebase -- in any case, I'm getting them out of using images for everything...

Thanks for the suggestion.