...

View Full Version : Correctly Styling and Positioning Forms



Garcia
09-15-2007, 06:37 PM
Hello ,

I am having a few problems setting up the forms for my search engine. Here are the problems I am getting.

Live version:
http://garciawebmedia.com/search/

http://img234.imageshack.us/img234/5112/problem2cn0.gif

Here is the CSS:


input {

border: 1px solid #000;
height: 22px;

}

.button {
font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
margin-left: 10px;
}


Where the form is:



<div id="mg1">
<div id="searchcontent">
<?php if(!isset($_REQUEST['type']) || $_REQUEST['type']=="Web") { ?>

<form name="form1" method="get" action="redir.php">
<input name="search" type="text" id="search" value="<?php if(isset($_REQUEST['search'])) echo $_REQUEST['search']; ?>" size="60">&nbsp;<input name="type" type="hidden" id="type" value="<?php echo $type; ?>">&nbsp;<input type="submit" class="button" name="Submit" value="Search Web !">
</form>
</div></div>


I want it to look like this:
http://img77.imageshack.us/img77/5496/mockup1og1.jpg

Would I need to make a custom button for the submit?

Any help would be appreciated. :)

kaitco
09-15-2007, 11:16 PM
.button {
font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
margin-left: 10px;
vertical-align: middle;
}

You have already set the height, so vertical-align should fix the problem.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum