|
|||||||||
|
|||||||||
|
|||||||||
 |
|||
 |
|
|
|
|
|||||||||
|
|||||||||
|
|||||||||
| |
|||
|
|
|
|
| |||||||||
 |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Display Modes |
Dev Articles Community Forums Sponsor:
|
|
Free Web 2.0 Code Generator! Generate data entry and reporting .NET Web apps in minutes. Quickly create visually stunning, feature-rich apps that are easy to customize and ready to deploy. Download Now!
|
|
#1
February 10th, 2004, 07:47 AM
|
|||
|
|||
form help
I probably sound like a complete n00b here, but I really need help with my forms.
I know the different input types and such, but what I need to know is how to change the look of the input fields. I'd really love to change the background color of the text area, and add a dashed border. I know this is probably the most basic thing ever, but I just can't find any advice on it. Help would be reeely appreciated. Thank you -mwahs-
|
|
#2
February 10th, 2004, 08:46 AM
|
||||
|
||||
|
Just apply css to the fields. For example, define a css selector named bluedotted whose definition is something like the following:
Code:
.bluedotted{
background: 00f;
color: #fff;
border: 1px dotted #000;
padding: 2px;
}
Then when adding the textarea to your HTML, just use the following: Code:
<textarea name="blah" rows="5" cols="40" class="bluedotted"></textarea> If you're not familiar with css, there are a bazillion tutorials and references out there. One of the best references in my opinion can be found at http://www.devguru.com.
__________________
Please don't PM me asking for solutions outside the scope of a thread. Keeping all responses in a thread stands to help others who come along later, which is after all what this forum's all about.
|
|
#3
February 10th, 2004, 04:46 PM
|
||||
|
||||
|
Quote:
 Teenagezombie - the easiest way to find out how someone did something is to "View Source"
|
|
#4
February 12th, 2004, 04:42 PM
|
|||
|
|||
|
I personally think the BEST place to begin with CSS is w3schools.com
Then go to index dot css to get REAL familiar with it. People will tell you to put your style tags in the <head> of the document, and overall that is best, but I'm not opposed to this: Code:
<form class="blueform" method="..... >
<style type="text/css"><!--
.blueform .blueinput
/* This affects everything with a class of "blueinput" inside an element with a class of "blueform" */
{
background-color: #0000dd;
border: thin dotted green;
color: white;
font-family: "Arial";
width: 150px;
}
--></style>
<input class="blueinput" type="text" name..... />
You can also change the styles of <textarea>, <select> If you modify the style of buttons, they'll become square blocky buttons instead of pretty Windows XP or Max OS/X buttons. You can use images for buttons, but that's another lesson for another day. You can modify the style of checkboxes and radio buttons, but not much and I've never done anything with them that looked good.
|
|
| Viewing: Dev Articles Community Forums > Web Design > Web Development > form help |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
|
 |
|
|
 |
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
