 |
03-31-2004, 12:47 AM
|
Top links misaligned
|
Posts: 6,141
Location: Orlando, FL
|
Probably a stupid question but I can't figure out why the links in the old banner spot are not aligning right with each other correctly! Code used for that table below.
HTML Code:
<table width="498" height="60" border="0" align="center" cellpadding="0" cellspacing="0">
<tr valign="middle">
<td width="121"> <font size="1" face="Arial, Helvetica, sans-serif">•
<a href="http://orders.jtlnet.com/ads.php?a=jtlnet&b=webmastertalk01&c=textplatinum">JTLNet.com
Web Hosting</a></font><font face="Arial, Helvetica, sans-serif"></div></font></td>
<td width="99"><font size="1" face="Arial, Helvetica, sans-serif">•</font>
<font size="1" face="Arial, Helvetica, sans-serif"><a href="http://www.gemstream.com">Website
Hosting</a> </font></td>
<td width="90"><font size="1" face="Arial, Helvetica, sans-serif">•
<a href="http://www.onsmart.net/go/wmt041/">OnSmart Network</a></font></td>
<td width="108"> <font size="1" face="Arial, Helvetica, sans-serif">•
<a href="http://www.positioned1.com">Search Optimization</a></font></td>
<td width="80"><font size="1" face="Arial, Helvetica, sans-serif">•
<a href="http://www.hostdepartment.com">Web Host</a> </font></td>
</tr>
<tr valign="middle">
<td><font size="1" face="Arial, Helvetica, sans-serif">• <a href="http://www.3dcart.com">Shopping
Cart Software</a></font></td>
<td> <font size="1" face="Arial, Helvetica, sans-serif">• <a href="http://www.twshosting.com">CoLocation
Hosting</a></font> </td>
<td><font size="1" face="Arial, Helvetica, sans-serif">•</font>
<font size="1" face="Arial, Helvetica, sans-serif"><a href="http://www.opt-media.com/adv.php">Co-Registrations</a></font></td>
<td><font size="1" face="Arial, Helvetica, sans-serif">•</font>
<font size="1" face="Arial, Helvetica, sans-serif"><a href="http://www.upperhost.com/">Business
Web Hosting</a></font></td>
<td><font size="1" face="Arial, Helvetica, sans-serif">• <a href="/showthread.php?t=5237">Your
Link Here</a></font></td>
</tr>
</table>
|
|
|
|
03-31-2004, 01:18 AM
|
|
Posts: 2,536
Location: Western Maryland
|
Tim,
You had an orphaned </div> tag in one of your links. Also, having everything on one line can help tables play well with each other.
Try this markup and leave everything in each TD on one line with no spaces between the tags. All the books tell you spaces don't make a difference, but the truth is that they do.
Kyrnt
Code:
<table width="498" height="60" border="0" align="center" cellpadding="0" cellspacing="0" border="1">
<tr valign="top">
<td align="left" valign="top"><font size="1" face="Arial, Helvetica, sans-serif">•<a href="http://orders.jtlnet.com/ads.php?a=jtlnet&b=webmastertalk01&c=textplatinum">JTLNet.com Web Hosting</a></font><font face="Arial, Helvetica, sans-serif"></font></td>
<td align="left" valign="top"><font size="1" face="Arial, Helvetica, sans-serif">•</font><font size="1" face="Arial, Helvetica, sans-serif"><a href="http://www.gemstream.com">Website Hosting</a></font></td>
<td align="left" valign="top"><font size="1" face="Arial, Helvetica, sans-serif">•<a href="http://www.onsmart.net/go/wmt041/">OnSmart Network</a></font></td>
<td align="left" valign="top"><font size="1" face="Arial, Helvetica, sans-serif">•<a href="http://www.positioned1.com">Search Optimization</a></font></td>
<td align="left" valign="top"><font size="1" face="Arial, Helvetica, sans-serif">•<a href="http://www.hostdepartment.com">Web Host</a> </font></td>
</tr>
<tr valign="top">
<td align="left" valign="top"><font size="1" face="Arial, Helvetica, sans-serif">•<a href="http://www.3dcart.com">Shopping Cart Software</a></font></td>
<td align="left" valign="top"><font size="1" face="Arial, Helvetica, sans-serif">•<a href="http://www.twshosting.com">CoLocation Hosting</a></font></td>
<td align="left" valign="top"><font size="1" face="Arial, Helvetica, sans-serif">•</font><font size="1" face="Arial, Helvetica, sans-serif"><a href="http://www.opt-media.com/adv.php">Co-Registrations</a></font></td>
<td align="left" valign="top"><font size="1" face="Arial, Helvetica, sans-serif">•</font><font size="1" face="Arial, Helvetica, sans-serif"><a href="http://www.upperhost.com/">BusinessWeb Hosting</a></font></td>
<td align="left" valign="top"><font size="1" face="Arial, Helvetica, sans-serif">•<a href="/showthread.php?t=5237">Your Link Here</a></font></td>
</tr>
</table>
|
|
|
|
03-31-2004, 01:35 AM
|
|
Posts: 2,536
Location: Western Maryland
|
After I posted last time, I noticed some unnecessary repeating font tags.
Try this, Tim...
Code:
<table width="498" height="60" border="0" align="center" cellpadding="0" cellspacing="0" border="1">
<tr valign="top">
<td align="left" valign="top"><font size="1" face="Arial, Helvetica, sans-serif">•<a href="http://orders.jtlnet.com/ads.php?a=jtlnet&b=webmastertalk01&c=textplatinum">JTLNet.com Web Hosting</a></font></td>
<td align="left" valign="top"><font size="1" face="Arial, Helvetica, sans-serif">•<a href="http://www.gemstream.com">Website Hosting</a></font></td>
<td align="left" valign="top"><font size="1" face="Arial, Helvetica, sans-serif">•<a href="http://www.onsmart.net/go/wmt041/">OnSmart Network</a></font></td>
<td align="left" valign="top"><font size="1" face="Arial, Helvetica, sans-serif">•<a href="http://www.positioned1.com">Search Optimization</a></font></td>
<td align="left" valign="top"><font size="1" face="Arial, Helvetica, sans-serif">•<a href="http://www.hostdepartment.com">Web Host</a></font></td>
</tr>
<tr valign="top">
<td align="left" valign="top"><font size="1" face="Arial, Helvetica, sans-serif">•<a href="http://www.3dcart.com">Shopping Cart Software</a></font></td>
<td align="left" valign="top"><font size="1" face="Arial, Helvetica, sans-serif">•<a href="http://www.twshosting.com">CoLocation Hosting</a></font></td>
<td align="left" valign="top"><font size="1" face="Arial, Helvetica, sans-serif">•<a href="http://www.opt-media.com/adv.php">Co-Registrations</a></font></td>
<td align="left" valign="top"><font size="1" face="Arial, Helvetica, sans-serif">•<a href="http://www.upperhost.com/">BusinessWeb Hosting</a></font></td>
<td align="left" valign="top"><font size="1" face="Arial, Helvetica, sans-serif">•<a href="/showthread.php?t=5237">Your Link Here</a></font></td>
</tr>
</table>
|
|
|
|
03-31-2004, 09:37 AM
|
|
Posts: 6,141
Location: Orlando, FL
|
That didnt work either. Must be something in the rest of the code that is screwing it up. I'll have to try something else...
|
|
|
|
03-31-2004, 11:31 AM
|
|
Posts: 2,536
Location: Western Maryland
|
Quote:
|
Originally Posted by TimSchroeder
That didnt work either. Must be something in the rest of the code that is screwing it up. I'll have to try something else...
|
That's strange. I agree that it must be something external to the table affecting it.
If you take the table I posted and put it into an HTML file by itself, everything looks great.
Let me know if I can help.
Kyrnt
|
|
|
|
03-31-2004, 12:34 PM
|
|
Posts: 6,141
Location: Orlando, FL
|
Nevermind, I fixed it...
Last edited by TimSchroeder : 03-31-2004 at 01:13 PM.
Reason: removed HTML
|
|
|
|
03-31-2004, 01:31 PM
|
|
Posts: 2,536
Location: Western Maryland
|
Ok, what was the issue?
|
|
|
|
|
« Reply to Top links misaligned
|
|
|
Posting Rules
|
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
HTML code is Off
|
|
|
|
|
|