Page 1 of 1

Textbox

Posted: Mon May 03, 2010 1:00 pm
by Goofan
Hi!
How do u do a textfield? Got any Ide´s? I got this idé from this webbsite

Got any tuturials about making something like this? any thing to read up on ...?

Re: Textbox

Posted: Mon May 03, 2010 1:44 pm
by kaszu
Not sure what exactly you meant with "Textbox". Have a look:
TEXTAREA
INPUT with type="text"

Re: Textbox

Posted: Mon May 03, 2010 2:35 pm
by Goofan
Yea thats more or less it!

However how do u color the background of the input...? =)

Re: Textbox

Posted: Mon May 03, 2010 3:22 pm
by hypedupdawg
You can use css styles on all the inputs by using this syntax:

Code: Select all

input[type=text] { 
width: 300px; 
background-color: cyan; 
}
You could then replace "text" with any other input.

Have fun designing!

Re: Textbox

Posted: Mon May 03, 2010 3:47 pm
by kaszu
input[type=text] doesn't work in IE6, instead you should assign a class to input and use that

Code: Select all

<input type="text" class="text-input" />

Code: Select all

input.text-input {
    /* Your CSS here */
}

Re: Textbox

Posted: Tue May 04, 2010 6:33 am
by hypedupdawg
Arghhh! Doe IE6 do this for every input/output type, or is it just this specific one? Are there any other class type things that it won't pick up?

Re: Textbox

Posted: Tue May 04, 2010 9:16 am
by Goofan
ohh yea another question... how do u do so it allways are at a specific position?

Exampel if u scroll down its still at the top... =)

Re: Textbox

Posted: Tue May 04, 2010 9:21 am
by kaszu
@hypedupdawg IE6 doesn't support attribute selectors. See http://www.quirksmode.org/css/contents.html
@Goofan You can do it with position: fixed; but that doesn't work in IE6, so for it you have to use a workaround http://www.google.com/search?source=ig& ... ixed%20ie6

Re: Textbox

Posted: Tue May 04, 2010 9:45 am
by hypedupdawg
thanks very much... its nice to know before I implement any of this stuff, so I don't have to do it twice... :banghead: