-----Original Message-----
From: Portman [mailto:[EMAIL PROTECTED]
Sent: Tuesday, April 05, 2005 4:15 PM
To: [email protected]
Subject: Re: [wdvltalk] Dreamweaver update
Hi Drew,
The widths have been changed in the code. That is what is so frustrating.
If you right click on the home page you can see the code has been altered to
allow the different widths of the new tabs. The code is:
===========================================
That is your problem -- you've changed the widths of the columns. You can
combine columns but you can't simply alter the widths. Here's what I mean.
The first row is your spacer gif -- this sets the widths for all the columns
in the table. The second is the widths for your tabs. You'll see that they
don't match. In the second code sample. I've changed them to match. I don't
have the images included in the examples but if you paste these samples into
a demo page which can access the images, you'll see what I mean.
Your current code with the spacer given greater height so you can see it.
I've stripped out the mouse over for brevity and because the code keep
throwing errors. Look at the cell alignment between the two rows.
<table border="1">
<tr>
<td><img src="spacer.gif" border="0" height="10" width="10"></td>
<td><img src="spacer.gif" border="0" height="10" width="120"></td>
<td><img src="spacer.gif" border="0" height="10" width="160"></td>
<td><img src="spacer.gif" border="0" height="10" width="120"></td>
<td><img src="spacer.gif" border="0" height="10" width="120"></td>
<td><img src="spacer.gif" border="0" height="10" width="120"></td>
<td><img src="spacer.gif" border="0" height="10" width="120"></td>
<td><img src="spacer.gif" border="0" height="10" width="10"></td>
<td><img src="spacer.gif" border="0" height="10" width="1"></td>
</tr>
<tr>
<td><a href="http://www.goldtech2000.com/goldtech/index.html";><img
name="btn_ag" src="btn_ag.gif" width="120" height="20" border="0" alt="About
Goldtech"></a></td>
<td><a href="http://www.goldtech2000.com/network/index.html";><img
name="btn_nt" src="btn_nt.gif" width="160" height="20" border="0"
alt="Network Services"></a></td>
<td><a
href="http://www.goldtech2000.com/structured_cabling/index.html";><img
name="btn_sc" src="btn_sc.gif" width="120" height="20" border="0"
alt="Design/Engineering"></a></td>
<td><a href="http://www.goldtech2000.com/telecom/index.html";><img
name="btn_tt" src="btn_tt.gif" width="120" height="20" border="0"
alt=""></a></td>
<td><a
href="http://www.goldtech2000.com/staff_augmentation/index.html";><img
name="btn_sa" src="btn_sa.gif" width="120" height="20" border="0"
alt=""></a></td>
<td><a href="http://www.goldtech2000.com/contact/index.html";><img
name="btn_cu" src="btn_cu.gif" width="90" height="20" border="0"
alt="Contact Us"></a><img name="index_r2_c8" src="index_r2_c8.gif"
width="10" height="20" border="0"></td>
<td></td>
<td></td>
<td><img src="spacer.gif" width="10" height="20" border="0"></td>
</tr>
</table>
Now look at the revised code. The cell widths are consistent between rows. I
found the visual problems cleared completely doing it this way.
<table border="1">
<tr>
<td><img src="spacer.gif" border="0" height="10" width="10"></td>
<td><img src="spacer.gif" border="0" height="10" width="120"></td>
<td><img src="spacer.gif" border="0" height="10" width="160"></td>
<td><img src="spacer.gif" border="0" height="10" width="120"></td>
<td><img src="spacer.gif" border="0" height="10" width="120"></td>
<td><img src="spacer.gif" border="0" height="10" width="120"></td>
<td><img src="spacer.gif" border="0" height="10" width="120"></td>
<td><img src="spacer.gif" border="0" height="10" width="10"></td>
<td><img src="spacer.gif" border="0" height="10" width="1"></td>
</tr>
<tr>
<td><img name="index_r2_c8" src="index_r2_c8.gif" border="0" height="20"
width="10"></td>
<td><a href="http://www.goldtech2000.com/goldtech/index.html"; ><img
name="btn_ag" src="btn_ag.gif" alt="About Goldtech" border="0" height="20"
width="120"></a></td>
<td><a href="http://www.goldtech2000.com/network/index.html"; ><img
name="btn_nt" src="btn_nt.gif" alt="Network Services" border="0" height="20"
width="160"></a></td>
<td><a href="http://www.goldtech2000.com/structured_cabling/index.html";
><img name="btn_sc" src="btn_sc.gif" alt="Structured Cabling" border="0"
height="20" width="120"></a></td>
<td><a href="http://www.goldtech2000.com/telecom/index.html"; ><img
name="btn_tt" src="btn_tt.gif" alt="Telecommunication tools" border="0"
height="20" width="120"></a></td>
<td><a href="http://www.goldtech2000.com/staff_augmentation/index.html";
><img name="btn_sa" src="btn_sa.gif" alt="Staff Augmentation" border="0"
height="20" width="120"></a></td>
<td><a href="http://www.goldtech2000.com/contact/index.html";><img
name="btn_cu" src="btn_cu.gif" alt="Contact Us" border="0" height="20"
width="120"></a></td>
<td><img name="index_r2_c8" src="index_r2_c8.gif" border="0" height="20"
width="10"></td>
<td><img src="Wspacer.gif" border="0" height="20" width="1"></td>
</tr>
</table>
I think my quick edits have preserved your file structure so you should
actually see the images not just the cell outlines.
drew
____ � The WDVL Discussion List from WDVL.COM � ____
To Join wdvltalk, Send An Email To: mailto:[EMAIL PROTECTED] or
use the web interface http://e-newsletters.internet.com/discussionlists.html/
Send Your Posts To: [email protected]
To change subscription settings, add a password or view the web interface:
http://intm-dl.sparklist.com/read/?forum=wdvltalk
________________ http://www.wdvl.com _______________________
You are currently subscribed to wdvltalk as: [email protected]
To unsubscribe send a blank email to [EMAIL PROTECTED]
To unsubscribe via postal mail, please contact us at:
Jupitermedia Corp.
Attn: Discussion List Management
475 Park Avenue South
New York, NY 10016
Please include the email address which you have been contacted with.
