www.webdeveloper.com
Results 1 to 10 of 10

Thread: html tables

  1. #1
    Join Date
    May 2012
    Posts
    6

    html tables

    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

    HTML Code:
    <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>

  2. #2
    Join Date
    May 2005
    Location
    Gold Coast (MS)
    Posts
    2,208
    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
    Last edited by Major Payne; 05-30-2012 at 09:05 AM.

  3. #3
    Join Date
    May 2012
    Posts
    6
    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...

  4. #4
    Join Date
    May 2012
    Posts
    6
    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?

  5. #5
    Join Date
    May 2005
    Location
    Gold Coast (MS)
    Posts
    2,208
    I put the following code in the source section of Windows Mail and didn't have the problems you did.
    Code:
    <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.

  6. #6
    Join Date
    May 2012
    Posts
    6
    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?

  7. #7
    Join Date
    May 2005
    Location
    Gold Coast (MS)
    Posts
    2,208
    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

  8. #8
    Join Date
    May 2012
    Posts
    6
    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
    Attached Images Attached Images

  9. #9
    Join Date
    May 2005
    Location
    Gold Coast (MS)
    Posts
    2,208
    The alt="" attribute is not the tooltip popup attribute. Use title="Maxxis" also if you want the mouseover to work correctly.

  10. #10
    Join Date
    May 2012
    Posts
    6
    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

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles