Form field hints with CSS and JavaScript (Ask the CSS Guy)

albybum Mar 27, 2007

0 diggs
-0 / +0

Show Buried Comment
Report

Digg
Bury

In your example for the div, you put display:none as part of an inline style and tried to change it from a embedded style rule. The inline will always overwrite.Try this: <a class="user" href="http://www.albybum.net/temp/adjacent_elements.htm">http://www.albybum.net/temp/adjacent_elements.htm</a>

Reply

texanpsycho Mar 27, 2007

0 diggs
-0 / +0

Show Buried Comment
Report

Digg
Bury

And it's "But will it blend?". Remember, capital letters for names and the beginning of sentences.

Reply

toggy Mar 27, 2007

0 diggs
-0 / +0

Show Buried Comment
Report

Digg
Bury

I saw a nice javascript and css design at <a class="user" href="http://www.ankmar.com.tr">http://www.ankmar.com.tr</a>

Reply

akaji Mar 27, 2007

0 diggs
-0 / +0

Show Buried Comment
Report

Digg
Bury

You don't know what you're talking about, TexanPsycho. Everyone knows that caps lock is cruise control for awesome.

Reply

foamcow Mar 27, 2007

0 diggs
-0 / +0

Show Buried Comment
Report

Digg
Bury

I understand what you are getting at but my point still stands.The number of characters isn't supplemental as such but equally, the information isn't concealed is it?Perhaps the term "mystery meat navigation" was the wrong one to use. It would imply that the information is obfuscated in some way and in this case it clearly isn't. Now if there was some arcane procedure needed to invoke the the help system I would agree it could be termed "mystery meat". However the help info is activated via normal form use, and although I've not tested it I will bet that the script degrades neatly in the event of javascript being unavailable.Whilst I would agree that popups in the 'traditional' sense of the word, and animation can be intrusive I don't feel that these are. There is precious little animation and they don't pop up in the sense that they obscure functionality or grab the focus from the form.

Reply

reynan Mar 28, 2007

0 diggs
-0 / +0

Show Buried Comment
Report

Digg
Bury

You can do this only with CSS. Check out wufoo forms example >>> <a class="user" href="http://wufoo.com/examples/">http://wufoo.com/examples/</a>

Reply

ruhtar Mar 28, 2007

0 diggs
-0 / +0

Show Buried Comment
Report

Digg
Bury

In all but IE and Safari. If it were only IE, one could easily add a Conditional Comment to include the necessary/minimal Javascript needed for IE but that won't work for Safari.

Reply

Closed Account Mar 30, 2007

0 diggs
-0 / +0

Show Buried Comment
Report

Digg
Bury

interesting theory ringo380. The same is true, i think, for photoshop articles.case in point, can we really ever remember 50 bagillion tips and tricks anyways?? <a class="user" href="http://www.digg.com/design/Top_26_Photoshop_Tricks_You_Can_t_Live_Without">http://www.digg.com/design/Top_26_Photoshop_Tricks_You_Can_t_Live_Without</a>

Reply

yoble May 15, 2007

0 diggs
-0 / +0

Show Buried Comment
Report

Digg
Bury

Good style, good looking...love CSS!

Reply

carfreak Sep 15, 2007

0 diggs
-0 / +0

Show Buried Comment
Report

Digg
Bury

Love it, we also had training for CSS but I don't think that I'm very good at it now. I still find it hard,he he and we tried to make sites that with CSS just like for friendster and <a class="user" href="http://www.partstrain.com/">http://www.partstrain.com/</a> - Auto Parts Train.