i can use the code:
input {background-color: #FFFFFF; border: 1px #000000 solid}
and this will put a black border around my textboxes and the submit button. Is there anyway i can just have the border around the textboxes alone?
I've searched the web and seen the code:
input.text {background-color: #FFFFFF; border: 1px #000000 solid}
but then this doesn't have any effect at all.
Thanks.The easiest way is to use a BUTTON (<!-- m --><a class="postlink" href="http://www.w3.org/TR/html4/interact/forms.html#edef-BUTTON">http://www.w3.org/TR/html4/interact/for ... def-BUTTON</a><!-- m -->) element for your submit button.that would work, but i'm using my own image for a submit button:
<input type = "image" src = <!-- m --><a class="postlink" href="http://www.webdeveloper.com/forum/archive/index.php/">http://www.webdeveloper.com/forum/archive/index.php/</a><!-- m -->"graphics/btn1.jpg" name = "submit" alt = "Log In"><button type="submit"><img src = <!-- m --><a class="postlink" href="http://www.webdeveloper.com/forum/archive/index.php/">http://www.webdeveloper.com/forum/archive/index.php/</a><!-- m -->"graphics/btn1.jpg" name = "submit" alt = "Log In"></button>
Or you can play around with ids and classes.How would you add an id to it?<input type="image" src=http://www.webdeveloper.com/forum/archive/index.php/"graphics/btn1.jpg" name="submit" alt="Log In" id="submit">
or
<iinput type="image" src=http://www.webdeveloper.com/forum/archive/index.php/"graphics/btn1.jpg" name="submit" alt="Log In" style="border:0px">Great - the second one worked fine.
Thanks for your help and the quick replies.
ps. Whats an undermensch?Originally posted by moondance
Whats an undermensch? Nietzsche wrote of the ubermensch, the over man, man perfected.hmmm i've got myself stumped again.
how can i use the method above for a reset button?
For some reason, when using value="submit" (as in the above example) it works fine, but it won't work with value ="reset".
no need for reply - i just worked it out:
<input type = "reset" name = Reset" value="" style="background-image: url(clear_btn); border: 0px; width: 115px; height: 35px; background-color: transparent;">
input {background-color: #FFFFFF; border: 1px #000000 solid}
and this will put a black border around my textboxes and the submit button. Is there anyway i can just have the border around the textboxes alone?
I've searched the web and seen the code:
input.text {background-color: #FFFFFF; border: 1px #000000 solid}
but then this doesn't have any effect at all.
Thanks.The easiest way is to use a BUTTON (<!-- m --><a class="postlink" href="http://www.w3.org/TR/html4/interact/forms.html#edef-BUTTON">http://www.w3.org/TR/html4/interact/for ... def-BUTTON</a><!-- m -->) element for your submit button.that would work, but i'm using my own image for a submit button:
<input type = "image" src = <!-- m --><a class="postlink" href="http://www.webdeveloper.com/forum/archive/index.php/">http://www.webdeveloper.com/forum/archive/index.php/</a><!-- m -->"graphics/btn1.jpg" name = "submit" alt = "Log In"><button type="submit"><img src = <!-- m --><a class="postlink" href="http://www.webdeveloper.com/forum/archive/index.php/">http://www.webdeveloper.com/forum/archive/index.php/</a><!-- m -->"graphics/btn1.jpg" name = "submit" alt = "Log In"></button>
Or you can play around with ids and classes.How would you add an id to it?<input type="image" src=http://www.webdeveloper.com/forum/archive/index.php/"graphics/btn1.jpg" name="submit" alt="Log In" id="submit">
or
<iinput type="image" src=http://www.webdeveloper.com/forum/archive/index.php/"graphics/btn1.jpg" name="submit" alt="Log In" style="border:0px">Great - the second one worked fine.
Thanks for your help and the quick replies.
ps. Whats an undermensch?Originally posted by moondance
Whats an undermensch? Nietzsche wrote of the ubermensch, the over man, man perfected.hmmm i've got myself stumped again.
how can i use the method above for a reset button?
For some reason, when using value="submit" (as in the above example) it works fine, but it won't work with value ="reset".
no need for reply - i just worked it out:<input type = "reset" name = Reset" value="" style="background-image: url(clear_btn); border: 0px; width: 115px; height: 35px; background-color: transparent;">