yet another question regarding forms

liunx

Guest
ok take a look at <!-- m --><a class="postlink" href="http://www.burstfire.net/user_signup.php">http://www.burstfire.net/user_signup.php</a><!-- m --> as an example. Now how do i get my text boxes and submit buttons like that style without the usual shadow and borders? I know how to set bg colour and text though.<br />
<br />
Thnx in advance.<!--content-->like this then just take out the borders. but this is just an example :) but won't work in NS4.xx browsers<br />
<br />
INPUT {<br />
BORDER-RIGHT: #5978ab 1px solid; BORDER-TOP: #5978ab 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #5978ab 1px solid; COLOR: #00ccff; BORDER-BOTTOM: #5978ab 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #2f2e58<br />
}<br />
TEXTAREA {<br />
BORDER-RIGHT: #5978ab 1px solid; BORDER-TOP: #5978ab 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #5978ab 1px solid; COLOR: #00ccff; BORDER-BOTTOM: #5978ab 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #2f2e58<br />
}<br />
SELECT {<br />
BORDER-RIGHT: #5978ab 1px solid; BORDER-TOP: #5978ab 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #5978ab 1px solid; COLOR: #00ccff; BORDER-BOTTOM: #5978ab 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #373d68<br />
}<!--content-->hmm. If your going to use the same styles for more than one form element, I belive save yourself some extra typing and a few bytes in file size if you do:<br />
<br />
INPUT, TEXTAREA, SELECT {<br />
BORDER: #5978ab 1px solid; <br />
FONT-SIZE: 12px; <br />
COLOR: #00ccff; <br />
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; <br />
BACKGROUND-COLOR: #2f2e58<br />
}<!--content-->yup I agree, but I didn't write them either. besides, there is 1 that is different<!--content-->sorry i still dont understand how wud i make that into a form then?<!--content-->you don't, you call it. that what I gave you and what wargiant gave you is teh samething and either goes into a single file of its own or it will go in-betweeen your head tags in the main file. like this<br />
<br />
<style type=text/css><br />
<br />
INPUT, TEXTAREA { <br />
BORDER-RIGHT: #5978ab 1px solid; BORDER-TOP: #5978ab 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #5978ab 1px solid; COLOR: #00ccff; BORDER-BOTTOM: #5978ab 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #2f2e58 <br />
} <br />
<br />
SELECT { <br />
BORDER-RIGHT: #5978ab 1px solid; BORDER-TOP: #5978ab 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #5978ab 1px solid; COLOR: #00ccff; BORDER-BOTTOM: #5978ab 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #373d68 <br />
}<br />
<style><!--content-->
 
Back
Top