Using my own box for input rather than theirs?

[l Squid l]

First off the Site is totally in CSS and works in Firefox as of right now. I figuring out how to recode that but thats not the issue.

http://silentstormstudios.freehostia.com/

Thats the site, as you can see the username box makes it own box any ways i can make it use my box i already made?



OR i cna style it right? Can I make it transparent with rounded corners?

[abduraooft]

http://www.whitespace-creative.com/jquery/jNice/

[WyrmFyre]

Theres other methods to consider too, such as backgroundimage and a bit off padding on the text element, using CSS. Dont forget you can remove the borders too.

[l Squid l]

1) I knwo how to add padding, but how exact do I do that to the text elelment? Inside ther input code add a class? and in that class it has padding?

2) HOw do you remove borders in CSS?

3) the default "username" text is white in the box can i make it white?

[abduraooft]

1) I knwo how to add padding, but how exact do I do that to the text elelment? Inside ther input code add a class? and in that class it has padding?



2) HOw do you remove borders in CSS?
<input type="text" class="mytext" name=......./>
input.mytext{
border:/*wahtever you need*/
}
see www.w3schools.com/css/css_border.asp
3) the default "username" text is white in the box can i make it white? :confused:

[l Squid l]

ahhh sorry im extremely tired this morning.

1)The default text is black , how can I change it to white.

2) How van move the text down? Use padding if so, how?

I did like the link further up, but I looked at the source code and I unable to find out how to get the css.

[abduraooft]

input.mytext{
color:white;
padding:2px;
border:1px solid #000;
}(assuming the tag has a class="mytext")
All the CSS rules are also applicable to input tags.

[l Squid l]

ahh excellent, thank you for taking you time to help.

[l Squid l]

Sorry one more issue! When I enter my password, it doesn't conceal the characters behind bullets.

Edit: nvm i fixed it by change type to value.