css - Rendering HTML emails depending which client opens it -

-

html emails fickle bunch. problem lies superscripting.

my code required work in desktop clients:

  • outlook 2000
  • outlook 2003
  • outlook 2007
  • outlook 2010

as in web-based email clients (firefox, chrome, explorer):

  • gmail
  • yahoo
  • aol
  • internet explorer 7 browser (lol)

currently best cross-browser code i've come across is:

<sup style="font-size:11px; line-height:0; vertical-align:3px;">

this works wonderful in except outlook 2007 , 2010 font-size shrunk become non-legible. other code such as:

<sup style="position:relative; vertical-align:baseline; bottom:4px;">

this code works great in everything, except gmail strips out positioning causing superscript sit on baseline.

after trying several dozens different combinations of styling above 2 ones provide consistent font size , line height.

the question

is there snippet of code can place in head tell email use code or class depending on client email opened in? know gmail prefers inline styling on classes perhaps apply gmail pretty code inline, if it's opened outside of gmail cancel out inline styling , fall on class.

you can target outlook conditional comments:

<!--[if gte mso 9]>     /* outlook-specific css goes here. */ <![endif]-->

Comments

Post a Comment

Popular posts from this blog

c++ - Creating new partition disk winapi -

-
i'am trying create new partition , mount volume new, thought createfile let me this, code : lpctstr lpfilename=l"\\\\.\\device\\harddisk0\\partition3"; handle handl=createfile( lpfilename, generic_read | generic_write, file_share_read | file_share_write, null, create_always, file_attribute_normal, null ); if (handl==invalid_handle_value) { qdebug()<<"handl invalid"<<" error"<<getlasterror();} bool success = definedosdevice(ddd_raw_target_path,l"i:",l"\\device\\harddisk0\\partition3"); if(!success) qdebug()<<" definedosdevice failed "<<getlasterror(); bflag = getvolumenameforvolumemountpoint( l"i:\\", // input volume mount point or directory /** u in dir
Read more

Android Prevent Bluetooth Pairing Dialog -

-
i'm developing internal application uses bluetooth printing. want bluetooth pairing occur without user input. have managed working trapping android.bluetooth.device.action.pairing_request broadcast. in broadcast receiver call setpin method, , pairing works ok, bluetoothpairingdialog displayed second or two, disappears - see link below. https://github.com/android/platform_packages_apps_settings/blob/master/src/com/android/settings/bluetooth/bluetoothpairingdialog.java since broadcast non-ordered, can't call abortbroadcast() , , wondering if there other way prevent pairing dialog appearing. can hook window manager in way? i haven't been able come way without modifying sdk. if you're oem, it's easy (i'm on 4.3): in packages/apps/settings/androidmanifest.xml, comment intent filter pairing dialog: <activity android:name=".bluetooth.bluetoothpairingdialog" android:label="@string/bluetooth_pairing_request"
Read more

php - joomla get content in onBeforeCompileHead function -

-
i'm developing joomla system plugin. need add javascript , css files if [myshortcode] shortcode found in content. how can content in onbeforecompilehead function function onbeforecompilehead() { $document = jfactory::getdocument(); //add scripts if shortcode found ... $document->addstylesheet($cssfile, 'text/css', null, array()); the $content = jresponse::getbody(); not work. thanks try this, for style sheet, $document = jfactory::getdocument(); $document->addstylesheet('http://domain.com/templates/css/style.css'); for javascript file $document = jfactory::getdocument(); $document->addscript('full url'); also can this, $document = jfactory::getdocument(); // add javascript $document->addscriptdeclaration(' window.event("domready", function() { alert("an inline javascript declaration"); }); '); // add styles $style = 'body {'
Read more