Neverside

Vertical Lines instead of *'s

How do they get the vertical lines (|) instead of the *'s in a forms password field, such as found at https://webaccess.americafirst.com/jsp/login.jsp in the "PIN" field.

I can't seem to figure it out.

I can't figure out what you're talking about.

I viewed the site in IE and FB and they both had the stars (*).

Could you please provide a screenshot so we can see what you're talking about?

___________________

i tried in ie and moz and it still is in stars. as far as i know what you're talking about either doesn't exist or would require some kind of php script.

I see the pipes also.
Here is a cropped shot.
ie6 win xp
William

___________________

I actually just checked under IE6 on Windows XP as well and I see them too. Thanks for taking the time to get that screenshot William. I was looking through their CSS and I found out how it was done. All you need to do is have a password <input> element and set it to use a monotype font. Here's an example:

Code:

<input type="password" style="font-family: monotype, courier, serif;" />

I hope that helps you out.

___________________

Thats a cool trick if even ie only

___________________

I'm guessing that all you would need to do to make is cross-browser is find a font that's on all systems that has bars instead of stars. Or, you could emped a font that has it.

Correct me if I'm wrong.

// freak

___________________

Tables for layout is an abuse. -- Internet Explorer is unsafe.

yeah, i thought it might have been a special css font. so its not a trick really, just the font.

___________________

Graphic and Web Design services at flowtone.com

It will only do that in IE6 for WinXP.
I couldn't see it in IE6 because I'm on Win2k.

WinXP usually renders dots, but changing the font will change what it shows as, that's why.