html - Email with anchor link doesn't work on gmail, and indexed my "#" link? -

-

i designing e-newsletter effect like this per client's instructions.

i know there no way use javascript in email, i've tried make in stupid way, using overflow:hidden , anchor tags. when click appropriate link, hidden image scroll visible area. here's code:

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>demot</title> <style type="text/css"> .of {     display:block;     max-height: 100px;     overflow: hidden;     white-space:nowrap; } </style> </head>  <body> <!-- save web slices (news_letter_artwork.jpg) --> <table id="table_01" width="595" height="434" border="0" cellpadding="0" cellspacing="0">     <tr>         <td colspan="5">             <img src="images/news_letter_artwork_01.jpg" width="595" height="155" alt=""></td>     </tr>     <tr style="display:block;">         <td>             <img src="images/news_letter_artwork_02.jpg" width="50" height="37" alt=""></td>         <td>             <a href="#tab_01"><span><font><img src="images/news_letter_artwork_03.jpg" width="118" height="37" alt=""></font></span></a></td>         <td>             <a href="#tab_02"><span><img src="images/news_letter_artwork_04.jpg" width="118" height="37" alt=""></span></span></a></td>         <td>             <a href="#tab_03"><span><img src="images/news_letter_artwork_05.jpg" width="121" height="37" alt=""></span></span></a></td>         <td>             <img src="images/news_letter_artwork_06.jpg" width="188" height="37" alt=""></td>     </tr>     <tr style="display:block; max-width: 595px; max-height: 186px; overflow: hidden; white-space:nowrap;">         <td colspan="5">             <h2><a name="tab_01" id="tab_01"></a></h2><img src="images/news_letter_artwork_07.jpg" width="595" height="186" alt=""><p>             <h2><a name="tab_02" id="tab_02"></a></h2><img src="images/news_letter_artwork_07b.jpg" width="595" height="186" alt=""><p>             <h2><a name="tab_03" id="tab_03"></a></h2><img src="images/news_letter_artwork_07c.jpg" width="595" height="186" alt=""><p>         </td>     </tr>     <tr>         <td colspan="5">             <img src="images/news_letter_artwork_08.jpg" width="595" height="56" alt=""></td>     </tr> </table> </body> </html>

concerning of client won't support in div tag, i've tired use table make it, actually, everything's work in browser, <a> tag's href replaced in email client #tab_01 http://mydomain/news.html#tab_01.

when click on email client, opens new browser window not @ want. possible fixed?

here's sending email procedure:

  1. upload whole website server
  2. open page
  3. select , copy
  4. paste compose windows, , send.

have done wrong? i've tested gmail, hotmail (outlook.com), yahoo, apple mail, outlook 2011 mac.

  i think isn't possible achieve goal.

  email clients doesn't support style tag in head or body(especially gmail), mentioned - can't use events or selectors in inline css. can't done through :focus selector.

  as reference can give link of css supported email clients(web-based , not)


Comments

Post a Comment

Popular posts from this blog

android - getbluetoothservice() called with no bluetoothmanagercallback -

-
i getting getbluetoothservice() called no bluetoothmanagercallback error in android application. i have no idea causing or bluetooth manager callbacks. can give me idea of causing problem or start looking. by reading android source code, seems warning cannot about. source code shows if call bluetoothsocket#connect(); then call bluetoothadapter.getdefaultadapter().getbluetoothservice(null); the key here, null parameter passes in above line. due this, there no callback, , bluetoothsocket class throw out warning. since warning, not think need it. https://android.googlesource.com/platform/frameworks/base/+/master/core/java/android/bluetooth/bluetoothsocket.java line 306 https://android.googlesource.com/platform/frameworks/base/+/master/core/java/android/bluetooth/bluetoothadapter.java line 1610
Read more

sql - ASP.NET SqlDataSource, like on SelectCommand -

-
i'm working on asp.net. have sqldatasource query hardcoded on selectcommand: <asp:sqldatasource id="datasource1" runat="server" cancelselectonnullparameter="false" connectionstring="<%$ connectionstrings:s.properties.settings.connectionstring %>" selectcommand="select * [table] ([col1] case @col1_param when null col1 else @col1_param end) , ([col2] case @col2_param when null col2 else @col2_param end)" selectcommandtype="text"> <selectparameters> <asp:controlparameter controlid="textbox1" name="col1_param" propertyname="text" type="string" /> <asp:controlparameter controlid="textbox2" name="col2_param" propertyname="text" type="string" /> </selectparameters> what want if enter data on 1 textbox only, data display according textbox
Read more

ios - Undefined symbols for architecture armv7: "_OBJC_CLASS_$_SSZipArchive" -

-
i try using extractzipfile plugin @ this: https://github.com/phonegap/phonegap-plugins/tree/master/ios/extractzipfile but when compiler xcode 4.6.1 in sdk 6.1 throws error: undefined symbols architecture i386: "_objc_class_$_ssziparchive", referenced from: objc-class-ref in extractzipfileplugin.o ld: symbol(s) not found architecture i386 clang: error: linker command failed exit code 1 (use -v see invocation) i try issue @ here: undefined symbols architecture armv7 ssziparchive but shows error: /users/alienware/desktop/extractzipfile/ssziparchive/tests/ssziparchivetests.m:10:9: 'sentestingkit/sentestingkit.h' file not found i work phonegap , make app in ios, dump. update : try add ssziparchive.m compiler source , come new error: undefined symbols architecture i386: "_unzclose", referenced from: +[ssziparchive unzipfileatpath:todestination:overwrite:password:error:delegate:] in ssziparchive.o "_unzclosecurrentfil
Read more