 |
|
|
| View previous topic :: View next topic |
| Author |
Message |
adrienne
Joined: 09 Dec 2004
Posts: 1
|
 Posted: Thu Dec 09, 2004 3:15 pm My topnav <TABLE> is driving me crazy |
 |
|
|
| Code: |
<table border=0 cellspacing=0 cellpadding=0 width="100%"><tr><td colspan=4><table width="100%" height="100" border="0" rules="none" cellpadding="0" cellspacing="0" background="http://www.medicalresourceusa.com/images/topnav100.jpg">
<tr>
<td align="left"><a href="http://store.medicalresourceusa.com/index.html"><img src="http://www.medicalresourceusa.com/images/mrusa_ekg.jpg" border="0"></a></td>
<td align="right">
<table align="right" valign="top" height="60">
<tr align="right" valign="top">
<td>
<form method="post" action="http://search.medicalresourceusa.com/cgi-bin/htsearch">
<input type="hidden" name="config" value="htdig">
<input type="hidden" name="restrict" value="">
<input type="hidden" name="exclude" value="">
<br>
<input type="text" size="30" name="words" value="">
<input type="submit" value="Search">
</form>
</td>
</tr>
<tr align="right" valign="top">
<td>
<NOBR><a class="nav" href="http://store.medicalresourceusa.com/index.html">Home</a><a class="nav" href="http://store.medicalresourceusa.com/companyinfo.html">Company Info</a><a class="nav" href="http://store.medicalresourceusa.com/email.html">E-mail Us</a><a class="nav" href="http://store.medicalresourceusa.com/info.html">Shipping/Returns/Warranty</a></NOBR>
</td></tr></table>
</td></tr></table> |
I work on both a Mac and a PC, and I try to make sure my web design looks good on multiple browsers. But a lot of times, something that looks perfect on Firefox or Safari will look totally horrid on IE. Right now I'm having issues with the alignment of the search box and rollover links on the right side of the topnav. The code I've posted puts space between these 2 elements on IE, but on Firefox it's all squished together.
I've tried tables, tables within tables, and then a few more tables in there just for the heck of it. Is there any way to clean up this code to make the alignment look good on multiple browsers? Or do I need to abandon HTML here and go a totally different route? I am barely familiar with CSS. |
|
romeonate
Joined: 16 Dec 2004
Posts: 16
|
| Posted: Thu Dec 16, 2004 1:02 pm |
|
|
|
I checked out the code in IE, and cleaned it up a bit, and moved some things around... Try this:
| Code: |
<table width="100%" height="100" border="0" rules="none" cellpadding="0" cellspacing="0" background="http://www.medicalresourceusa.com/images/topnav100.jpg">
<tr>
<td align="left">
<a href="http://store.medicalresourceusa.com/index.html"><img src="http://www.medicalresourceusa.com/images/mrusa_ekg.jpg" border="0"></a>
</td>
<td align="right">
<table align="right" valign="top" height="60">
<tr align="right" valign="top">
<td>
<form method="post" action="http://search.medicalresourceusa.com/cgi-bin/htsearch">
<input type="hidden" name="config" value="htdig">
<input type="hidden" name="restrict" value="">
<input type="hidden" name="exclude" value="">
<br>
<input type="text" size="30" name="words" value="">
<input type="submit" value="Search"><br>
<a class="nav" href="http://store.medicalresourceusa.com/index.html">Home</a>
<a class="nav" href="http://store.medicalresourceusa.com/companyinfo.html">Company Info</a>
<a class="nav" href="http://store.medicalresourceusa.com/email.html">E-mail Us</a>
<a class="nav" href="http://store.medicalresourceusa.com/info.html">Shipping/Returns/Warranty</a>
</form>
</td>
</tr>
</table>
</td>
</tr>
</table>
|
I moved the links to come before the closing </form> tag.
This should not effect the form itself, or come up in its output.
See if that helps. |
|
|
|
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
|
|
|
|
|
 |
|
|
|
|
|
|
|
Forum Home
FAQ
Search
Memberlist
Register
Profile
Log in to check your private messages
Log in
