I am trying to get rid of a table at the top of a site layout that it
100% width. It is a quick search form and a table has been the only
way I have found to contain everything horizontally so it does not
appear severely skewed. I have tried in CSS but cannot seem to keep
everything in a neat line across. I have put the table html below
since it is currently giving me what I want visually but this does not
help my tableless design :( It is supposed to read across and center
the following:
Quick Search [ Drop Down Selector] [ Entry field for search ]
Advanced Search | Search Tips
Below is a piece of HTML to show what I am using now. I really want to
get rid of this and replace it with something that will also degrade to
handheld device. I may in future add another selector in my search so
that second selector shows something based on choice in first selector
that would put another element in the same row:
Quick Search [ Drop Down Selector] [ Drop Down Selector] [ Entry
field for search ] Advanced Search | Search Tips
Appreciate any advice on solving this. I realize that the selectors
based on browser can be different widths which is fine so for me the
real issue is for the elements to center vertically within the div so
they all look reasonably uniform across.
Regards,
David
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml";>
<head>
<title>Untitled</title>
</head>
<body>
<table id="quickSearchTable">
<tr>
<td id="quickSearchLabel">
Quick Search
</td>
<td>
<select name="quick_search">
<option selected="selected">
Keyword
</option>
<option value="1">
art
</option>
<option value="2">
history
</option>
<option value="3">
french
</option>
</select>
</td>
<td>
<input type="text" name="keyword" size="25"
tabindex="" />
</td>
<td>
<input type="submit" name="submit" value="Search"
tabindex="" />
</td>
<td>
<span id="quickSearchLinks"><a href="#">Advanced Search</a>
| <a href="#">Search Tips</a></span>
</td>
</tr>
</table>
</body>
</html>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
