search box size and color

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
1vic
Forum Newbie
Posts: 3
Joined: Sat Apr 28, 2007 12:28 pm

search box size and color

Post 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]
User avatar
jayshields
DevNet Resident
Posts: 1912
Joined: Mon Aug 22, 2005 12:11 pm
Location: Leeds/Manchester, England

Post 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.
1vic
Forum Newbie
Posts: 3
Joined: Sat Apr 28, 2007 12:28 pm

Post by 1vic »

Thank you, Jay.
I'll try to learn more about CSS.
User avatar
feyd
Neighborhood Spidermoddy
Posts: 31559
Joined: Mon Mar 29, 2004 3:24 pm
Location: Bothell, Washington, USA

Post by feyd »

I'm not seeing what this topic has to do with PHP, so I'm moving it to Client Side.
1vic
Forum Newbie
Posts: 3
Joined: Sat Apr 28, 2007 12:28 pm

Post 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
User avatar
feyd
Neighborhood Spidermoddy
Posts: 31559
Joined: Mon Mar 29, 2004 3:24 pm
Location: Bothell, Washington, USA

Post by feyd »

The snippet you posted above is missing a semicolon between the height and border directives.
Post Reply