html tables

[mikewooten2012]

hello,
i have an email signature that i am working on.
it is built with html, but when i copy and paste it into outlook and drag your mouse over the table, you can drag the table. I would like to make the table not draggable. So, what can i enter into the html code to make the table not draggable when i have it as an email signature?
If anyone could help me out, that would be great! Thanks.
my code is below

<table border="0" cellpadding="0" cellspacing="0" width="100%"  draggable="false" style="table-layout:fixed; display: inline-table; ">
  <tr>
   <td width="205" height="49"><a href="http://www.maxxis.com/" target="_blank"><img name="MaxxisLogo" src="http://www.maxxis.com/Repository/Images/e3-3_maxxislogo.jpg" width="205" height="49" border="0" id="MaxxisLogo" alt="Click to view Maxxis.com website" /></a></td>
   <td width="174" height="49"><img name="e33_greatness" src="http://www.maxxis.com/Repository/Images/e3-3_maxxisCom.jpg" width="174" height="49" border="0" id="e33_greatness" alt="" /></td>
   <td width="92" height="49" bgcolor="#FFFFFF"></td>
   <td width="100%" height="49" bgcolor="#FFFFFF"></td>
   <td width="47" height="49"><a href="https://www.facebook.com/maxxis" target="_blank"><img name="Facebook" src="http://www.maxxis.com/Repository/Images/e3-3_fb.jpg" width="47" height="49" border="0" id="Facebook" alt="Click to follow us on Facebook" /></a></td>
   <td width="60" height="49"><a href="http://www.youtube.com/user/MaxxisTiresUSA" target="_blank"><img name="YouTube" src="http://www.maxxis.com/Repository/Images/e3-3_yt.jpg" width="60" height="49" border="0" id="YouTube" alt="Click to view our YouTube Channel" /></a></td>
   <td width="56" height="49"><a href="https://www.twitter.com/maxxis_tires" target="_blank"><img name="Twitter" src="http://www.maxxis.com/Repository/Images/e3-3_tw.jpg" width="56" height="49" border="0" id="Twitter" alt="Click to tweet us on Twitter" /></a></td>
   <td width="51" height="49"><a href="http://www.linkedin.com/company/maxxis-international" target="_blank"><img name="Linkedin" src="http://www.maxxis.com/Repository/Images/e3-3_in.jpg" width="51" height="49" border="0" id="Linkedin" alt="Click to connect to us on LInkedin" /></a></td>
  </tr>
  <tr>
   <td rowspan="2" colspan="3px" height="34px" ><img name="e33_green" src="http://www.maxxis.com/Repository/Images/e3-3_green.jpg" width="471" height="34" border="0" id="e33_green" alt="" /></td>
   <td width="100%" height="18" bgcolor="#FFFFFF" ></td>
   <td colspan="4" width="214" height="18" bgcolor="#FFFFFF"></td>
  </tr>
  <tr height="16px">
<td width="100%" height="16px" bgcolor="#f57921" ></td>
   <td colspan="4"  bgcolor="#f57921" width="214" height="16px"><img src="http://www.maxxis.com/Repository/Images/e3_omid3.jpg" width="214" height="16px" /></td>
  </tr>
</table>

[Major Payne]

Have you tried using Outlook's Signature Utility? Putting code into a regular email is not the way to make a signature. Might even look at using WiseStamp.

More:

Create signatures with pictures or logos
How to Make Outlook Email Signature
Create and add an e-mail message signature

[mikewooten2012]

I am using Outlook's Signature Utility. What I am doing with the code is creating it in dreamweaver, then viewing the code in a browser, then copy the code from the browser, then pasting it into outlook. I guess it still grabs the code? I even tried using a <hr> horizonal rule to see if that would work, but nope, you can still expand it...

[mikewooten2012]

update:
ok, i tried to create a single image file with "Hotspots" that i created from Adobe Fireworks, and still it doesn't work, will it work this way or is there no way to have hotspots in an image to put into email?

[Major Payne]

I put the following code in the source section of Windows Mail and didn't have the problems you did.

<table  style="width:100&#37;; border-collapse: collapse; background: #fff; margin: 0; padding: 0; border: 0; table-layout:fixed; display: inline-table;">
  <tr>
   <td style="width:205px; height:49px;"><a href="http://www.maxxis.com/" target="_blank"><img name="MaxxisLogo" src="http://www.maxxis.com/Repository/Images/e3-3_maxxislogo.jpg" style="width:205px; height:49px; border:0;" id="MaxxisLogo" alt="Click to view Maxxis.com website"></a></td>
   <td style="width:174px; height:49px;"><img name="e33_greatness" src="http://www.maxxis.com/Repository/Images/e3-3_maxxisCom.jpg" style="width:174px; height:49px; border:0;" id="e33_greatness" alt=""></td>
   <td style="width:92px; height:49px; background: #ffffff;"></td>
   <td style="width:100%; height:49px; background: #ffffff;"></td>
   <td style="width:47px; height:49px;"><a href="https://www.facebook.com/maxxis" target="_blank"><img name="Facebook" src="http://www.maxxis.com/Repository/Images/e3-3_fb.jpg" style="width:47px; height:49px; border:0;" id="Facebook" alt="Click to follow us on Facebook"></a></td>
   <td style="width:60px; height:49px;"><a href="http://www.youtube.com/user/MaxxisTiresUSA" target="_blank"><img name="YouTube" src="http://www.maxxis.com/Repository/Images/e3-3_yt.jpg" style="width:60px; height:49px; border:0;" id="YouTube" alt="Click to view our YouTube Channel"></a></td>
   <td style="width:56px; height:49px;"><a href="https://www.twitter.com/maxxis_tires" target="_blank"><img name="Twitter" src="http://www.maxxis.com/Repository/Images/e3-3_tw.jpg" style="width:56px; height:49px; border:0;" id="Twitter" alt="Click to tweet us on Twitter"></a></td>
   <td style="width:51px; height:49px;"><a href="http://www.linkedin.com/company/maxxis-international" target="_blank"><img name="Linkedin" src="http://www.maxxis.com/Repository/Images/e3-3_in.jpg" style="width:51px; height:49px; border:0;" id="Linkedin" alt="Click to connect to us on LInkedin"></a></td>
  </tr>
  <tr>
   <td rowspan="2" colspan="3" style="height:34px;"><img name="e33_green" src="http://www.maxxis.com/Repository/Images/e3-3_green.jpg" style="width:471px; height:34px; border:0;" id="e33_green" alt=""></td>
   <td style="width:100%; height:18px; background: #ffffff;"></td>
   <td colspan="4" style="width:214px; height:18px; background: #ffffff;"></td>
  </tr>
  <tr style="height:16px;">
<td style="width:100%; height:16px; background:#f57921;"></td>
   <td colspan="4" style="width:214px; height:16px; background:#f57921;"><img src="http://www.maxxis.com/Repository/Images/e3_omid3.jpg" style="width:214px; height:16px; border:0;" alt=""></td>
  </tr>
</table>

Nothing dragged that I could see by grabbing on different parts of page. Could send you the email, but would need you to PM your address.

Not sure about using an image map, but see no reason why it wouldn't work. If you can send image and URLs needed for hot spots, could try to make one.

[mikewooten2012]

I copied and pasted the code from the browser into outlook email signature and still could drag parts of it. When I added the <hr>, I could still drag that as well. Is there something that I could add to the code to make it not draggable?
I tried using hotspots in Fireworks, exported that out, then copied and pasted the code and didn't work, then I was researching and saw some articles saying that hotspots wouldn't work in some email programs. Currently I'm using Outlook 2010 for my email. How can I PM my address?

[Major Payne]

You can use the PM by clicking on my UserName and selecting that option. Haven't tried making an image map yet, but I don't have Outlook to test it. There was no draggable content using Windows Mail.

Might help:

HTML EMail:

How to Code HTML Email Newsletters: http://articles.sitepoint.com/articl...il-newsletters
How to Test Your HTML Email Newsletter Before You Hit Send: http://designfestival.com/how-to-tes...-you-hit-send/

How To Code HTML Email Newsletters (All New Version): http://www.reachcustomersonline.com/...1/23/09.27.00/
Coding for GoogleMail, LotusNotes, and Outlook 2007: http://www.reachcustomersonline.com/...9.27.00/#step4

How to Create and Send HTML Email: http://www.addme.com/newsletters/issue293.htm

Email Marketing Articles and Guides: http://mailchimp.com/

Fractal: Validate Your HTML/CSS Email Code: http://www.makeuseof.com/dir/fractal...your-html-css/

20 Email Design Best Practices and Resources for Beginners: http://net.tutsplus.com/tutorials/ht...for-beginners/

Mailing List Code: http://www.bravenet.com/webtools/elist/

G-Lock EasyMail: http://www.glockeasymail.com/

With this new email tool from Gmail you can create HTML formatted newsletters without knowing HTML: https://www.google.com/accounts/Serv...t&ltmplcache=2

How to Create Great HTML Emails with CSS: http://www.webreference.com/programming/css_html/

30 Free HTML email templates: http://www.campaignmonitor.com/templates/

How do you typically create HTML email?: http://webdesign.about.com/b/2008/10...html-email.htm

Email Standards Project works with email client developers and the design community to improve web standards support and accessibility in email: http://www.email-standards.org/

Sending an HTML and Plain Text E-newsletter with ASP.NET, Part 2: http://www.webreference.com/programm...Net_WebMail_2/

Google: http://www.google.com/search?q=HTML+...ient=firefox-a

[mikewooten2012]

ok, thank you very much for the information & links. :
question
how can i change the alt information in my email signature?
in the code of my email signature, i changed the alt tag to say alt="Maxxis" and when you view or hover over the image in Outlook, it shows the image path instead, why? and how can i just get it the alt tag to say "Maxxis" instead of the path of the image?
The image is attached.
Thanks

[Major Payne]

The alt="" attribute is not the tooltip popup attribute. Use title="Maxxis" also if you want the mouseover to work correctly.

[mikewooten2012]

I've tried adding the title="Maxxis". Also, I've tried deleting the alt and just having the title in there, once I save it then copy and paste from the browser into Outlook 2010, the tooltip doesn't show what my title is, it still shows the actual link like whats in my previews reply. Does it have something to do with Outlook 2010? Does Outlook 2010 not allow tooltips or the title tags? Does it not allow it to show up?
Thanks