[thelist] nested table spacing

Bruce Heerssen bheerssen at visualbridge.tv
Wed May 2 09:42:08 CDT 2001


Rudy is right about the form tags, but it doesn't quite do it (no offence rudy). I got it looking the way you want with the use of a
placer image, already present in your images directory (clear.gif), set in its own row. I also changed the cellpadding of the table
and added background attributes to all cells. These are necessary to prevent the background image of the parent table from repeating
in the child table (in netscape 4.x). It wasn't an issue before because the backgrounds of the child table happened to be perfectly
aligned with that of the parent table.

    <Table border="0" cellpadding="0" cellspacing="0" width="270" align="right">
	<tr><td colspan="4" background=""><img src="images/clear.gif" height="8" width="0"></td></tr>
    <Tr height="19">
	<Form name="search" action="/search.php" method="post">
     <Td height="23" background="" width="73"><Img src="/images_main/search_nlm.gif" width="73" height="10" border="0">&nbsp;</Td>
     <td height="23" background=""><Input type="text" name="search" size="20"></td>
     <Td width="23" background="" height="23"><Input type="image" src="/images_main/go.gif" border="0" alt="go NLM" width="23"
height="16"></Td>
      <Td width="10" background="" height="23">&nbsp;</Td>
     </Tr>
	</Form>
   </Table>



-Bruce

> -----Original Message-----
> From: thelist-admin at lists.evolt.org
> [mailto:thelist-admin at lists.evolt.org]On Behalf Of rudy
> Sent: Wednesday, May 02, 2001 9:17 AM
> To: thelist at lists.evolt.org
> Subject: Re: [thelist] nested table spacing
>
>
> > What I am trying to do is get the table (containing the words
> > search nlm, a text box and go button) spaced in the center of the cell.
> > presently it is squished at the top.
> >
> >the offending URL
> >http://www.netlivemusic.com/
>
> hi cayley
>
> hey, i recognize this layout, it sure looks a lot simpler than the one you
> posted a while back asking for how to slice it...
>
> your problem?  try placing the <form>..</form> tags outside the table
>
> i see a second search box under the first one (could be just a waystation
> on the long highway of development) but if the table has to include more
> than one form, you'll have to insert the <form>..</form> tags between rows,
> e.g.
>
>     <table>
>        <form>
>           <tr><td>foo</td></tr>
>        </form>
>        <form>
>           <tr><td>bar</td></tr>
>        </form>
>     </table>
>
> not sure if this will validate, but it will work
>
>
> rudy.ca
>
>
> ---------------------------------------
> For unsubscribe and other options, including
> the Tip Harvester and archive of TheList go to:
> http://lists.evolt.org Workers of the Web, evolt !





More information about the thelist mailing list