Page 1 of 1

search box size and color

Posted: Sat Apr 28, 2007 12:50 pm
by 1vic
feyd | Please use

Code: Select all

,

Code: Select all

and [syntax="..."] tags where appropriate when posting code. Your post has been edited to reflect how we'd like it posted. Please read:  [url=http://forums.devnetwork.net/viewtopic.php?t=21171]Posting Code in the Forums[/url] to learn how to do it too.[/color]


Hi everyone,
I am trying to make the search box of my PHP site smaller.
I can easily change the width of the box but not the height.

style="width:120px; height:16px" didn't work. The height doesn't change. It's still around 21px or something.
And another thing, the search box is white by default so I was wondering if there is any way to make it transparent or colored?

Any help will be appreciated.

Here is the code I working on:
[syntax="html"]<form onsubmit="javascript: showBusyLayer()" method="post" action=''>
                      <input type="hidden" name="do" value="search" />
                      <input type="hidden" name="subaction" value="search" />

          <th scope="col"><table width="100%" height="16" bgcolor="#B5CACD" border="0" cellspacing="0" cellpadding="0">
        
            <tr>
              <th scope="col"><img src="images/search_left.gif" width="43" height="16" /></th>
              <th scope="col"><input name="story" type="text" class="s_field" style="width:120px" /></th>
              <th scope="col"><input type="image"  style="width:37px; height:16px border:0" src="images/search_go.gif" alt="Enter"  /></th>
            </tr>
          </table>
            <table width="203" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <th scope="col"><img src="images/search_ext.gif" alt="Extended search" width="203" height="21" /></th>
              </tr>
            </table></th></form>

feyd | Please use[/syntax]

Code: Select all

,

Code: Select all

and [syntax="..."] tags where appropriate when posting code. Your post has been edited to reflect how we'd like it posted. Please read:  [url=http://forums.devnetwork.net/viewtopic.php?t=21171]Posting Code in the Forums[/url] to learn how to do it too.[/color]

Posted: Sat Apr 28, 2007 12:59 pm
by jayshields
Read up about CSS on the w3c website. What you're trying to achieve is straight-forward, and has nothing to do with PHP. This post should be in the client side forum.

Posted: Sat Apr 28, 2007 1:38 pm
by 1vic
Thank you, Jay.
I'll try to learn more about CSS.

Posted: Sat Apr 28, 2007 2:54 pm
by feyd
I'm not seeing what this topic has to do with PHP, so I'm moving it to Client Side.

Posted: Sat Apr 28, 2007 8:58 pm
by 1vic
Thanks for moving my post into appropriate section. Obviously, I do not know the difference between PHP and HTML, sorry.
Anyway, I searched trough the w3c site but could not find anything about search box sizes, the same thing with Google.
Does someone know that one can actually change the search box size and its color?
Thank you for your help!
:D :D

Posted: Sun Apr 29, 2007 9:30 am
by feyd
The snippet you posted above is missing a semicolon between the height and border directives.