PDA

Click to See Complete Forum and Search --> : Textboxes and CSS ¿

HanneSThEGreaT
June 4th, 2007, 12:58 PM
Hello guys! :wave:

Let me explain. I'm a gameshow freak, right, so I went to a website where I could play one of my favourite games. That's where I saw some interesting looking Textboxes.
I'm just curios to know how they are made, is it with Flash, CSS or something else ¿
Here's the URL to the page I'm talking about:
http://www.mnet.co.za/mnet/shows/DealOrNoDeal_Game_RegOrLogin.asp
PeejAvery
June 4th, 2007, 01:07 PM
Are you talking about these?
HanneSThEGreaT
June 4th, 2007, 01:09 PM
Yes! I should have elaborated more :blush:
PeejAvery
June 4th, 2007, 01:11 PM
It is CSS. They have some invalid CSS calling but I found the file. All <link> tags should be in the <head> but they didn't have that here.

.form_tf {
background-image: url(../ShowImages/dealOrNoDeal/form_tf_bg.gif);
background-repeat: repeat-x;
border: 1px solid #666666;
height: 22px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
}
HanneSThEGreaT
June 4th, 2007, 01:16 PM
Thanx, for clearing that up! :thumb: I never thought that was possible - just shows :rolleyes:
Honestly, do you think it's a good idea having textboxes like these, or should we rather stick to "standards" ¿
PeejAvery
June 4th, 2007, 01:24 PM
Since CSS2 is very standard and has been around for a number of years, I find to reason to say that it is wrong. The key to remember in web design is that sometimes simple is better. Since that is a game show site, it would make sense that they are attempting to be "flashy" with their textboxes. I usually give mine a 1 pixel border but nothing fancy. Since Safari is one of my platforms that I must work with, I don't style textboxes too much be Safari has a custom textbox look that cannot be overridden.
HanneSThEGreaT
June 4th, 2007, 01:27 PM
Ahh, thanx that makes perfect sense! :thumb:
PeejAvery
June 4th, 2007, 01:28 PM
Here is an example of the Safari textbox. I like the look. But I will give a style for Firefox and IE. Usually I will style the dimensions, font, and border of the textboxes.
HanneSThEGreaT
June 4th, 2007, 01:38 PM
That looks quite funky! Is Safari only for Mac ¿
Probably a dumb question...
PeejAvery
June 4th, 2007, 01:40 PM
No, it is not a dumb question. Yes, Safari is the web browser that ships with Mac OS X. I like that it is not built into the core like IE is with Windows. Yet another way of better security.
penagate
June 5th, 2007, 11:39 PM
You can style just about everything, except for the input[type=file] control. Each browser has its own quirks that it applies to system controls, though.