Re: take two on table/form alignment problem

> I'm wracking my brains trying to figure out why the jump menu
> and search box form elements won't valign to the middle of the
> red table on this page.  Any thoughts would be greatly appreciated:
>
> http://www.gocalifornia.com/index-newmenus.asp

hi dan

forms seem to bring with them their own spacing, which is especially
noticeable inside table cells

all you gotta do is put your <form> and </form> tags outside the cells

normally i put them around the entire table, but in your case, you have two
different forms

so just put them "between" the cells, like this --

        <tr><!-- row 1 -->
          <td height="30" valign="middle" align="center"><img
name="navbanner_r1_c1" src="images/navbar/navbanner_r1_c1.gif" width="120"
height="30" border="0"></td>
<form name="form1">
          <td align="center" height="30" valign="middle"><select
name="browse_regions" onChange="MM_jumpMenu('parent',this,0)"><option
value="#" selected>Choose a Region</option></select></td>
</form>
          <td valign="middle" align="center" height="30"><a href="#"
onClick="MM_jumpMenuGo('browse_regions','parent',0)"><img name="gobutton1"
src="images/navbar/gobutton1.gif" width="30" height="30"
border="0"></a></td>
          <td align="center" valign="middle" height="30"><img
name="navbanner_r1_c4" src="images/navbar/navbanner_r1_c4.gif" width="122"
height="30" border="0"></td>
<form method="get" action="http://search.atomz.com/search/">
          <td valign="middle" align="center" height="30"><!-- Atomz.com
Search HTML for GoCalifornia -->
<input size=15 name="sp-q">
              <input type="image" border="0" name="imageField"
src="images/navbar/searchbutton.gif" width="45" height="22" alt="Search
GoCalifornia Content" align="middle">
              <input type=hidden name="sp-a"
value="00023182-sp00000000"></td>
</form>
        </tr>


cut & paste, it works, i tested it...


rudy limeback
r937.com
evolt.org

HWG hwg-techniques mailing list archives, maintained by Webmasters @ IWA