Hello,
I'm still quite new to CSS and I'm having a heck of a time converting
the table below to pure CSS markup. No matter what I do, it just doesn't work
right. If someone could help me out, I'd really appreciate it.
The search box needs to hug the right side of the page and it needs to
be sized to just fit the text inside it. The links to it's left need to hug
the search box. Does that make sense? You can see a screenshot of what I mean
at http://www.fannullone.us/images/table.png
Anyway, I have a lot of tables similar to this that I need to convert,
so if someone could help me with this one, it would go a long way in helping me
to learn CSS better and to finish this project. If you need any more
information, please let me know.
Thank you, thank you, thank you!!!
Aimee
----------------
<table cellspacing="0" cellpadding="0" border="0" width="100%" align="right">
<tr>
<td width="85%" align="right" valign="top" class="navbar">
<table cellspacing="0" cellpadding="2" border="0"
align="right">
<tr>
<td align="right"><a
href="http://www.domain_abc.com/mfg/";></a></td>
<td><a
href="http://www.domain_abc.com/mfg/";><b>Home</b></a></td>
<td align="right"><a
href="http://www.domain_abc.com/store/";><b>Shop</b></a></td>
<td><a
href="http://www.domain_abc.com";><b>Continue Shopping</a></b></td>
<td><a
href="http://www.domain_abc.com/store/";><b>Members</b></a></td>
<td> </td>
</tr>
</table>
</td>
<td rowspan="2" align="right" valign="top" class="searchbox
nobr">
<form action="shop.cgi" method="get" name="search">
<table cellspacing="0" cellpadding="2" border="0">
<tr>
<td align="left" valign="top"
class="searchbox nobr">
<span class="text-small-rev"><b>
Search Store For:</b></span></td>
<td rowspan="2" align="left"
class="searchbox nobr">
<input class="searchbox"
name="setSearchBox" type="radio" value="itemid" checked="checked" />
<span class="text-small-rev">Item
#</span><br>
<input class="searchbox"
name="setSearchBox" type="radio" value="description" />
<span
class="text-small-rev">Description</span></td>
<td rowspan="2" class="searchbox nobr">
<input type="submit" name="submit"
value="Find!" class="text-small" />
<input type="hidden" name="c"
value="search.html" />
</td>
</tr>
<tr>
<td valign="top" align="right"
class="searchbox nobr">
<input type="text" name="searchtext"
size="20" class="text-small" value="Enter # here:"
onfocus="javascript:this.value='';" />
</td>
</tr>
</table>
</form>
</td>
</tr>
<tr>
<td class="none"> <img
src="https://www.domain_abc.com/trans20x20.png";> </td>
</tr>
</table>
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
![https://www.domain_abc.com/trans20x20.png"](https://www.domain_abc.com/trans20x20.png"){kind=link}