Forget efficient. Forget smart. Forget maintainable. This is HTML mail we&#39;re talking about.

HTML mail and Webmail clients are extremely limited, partly for security reasons but mainly because they&#39;re just rubbish.
External style sheets almost certainly won&#39;t work. HTML-embedded style sheets probably won&#39;t work. Inline `style=&quot;...&quot;` attribute on every damn element... has a much better chance of working, but still, don&#39;t be surprised when many users can&#39;t see styles at all, or some styles don&#39;t work, or some basic HTML doesn&#39;t work, and the content ends up looking like a 1997 browser threw up all over it.

HTML mail is an exercise in unpleasantness. I hate to receive it. I hate even more to author it. The sanest route for everyone is to forget HTML mail and just send a plain text message including a link to a full web page, where you can have as much CSS, JavaScript and Flash loveliness as you like.


Can you?  Yes.  

Should you? No.  Most likely the email client will block external links and therefore your mail will not appear as you think it should.

If you must send html mail, embed everything into the email message itself.  External links which automatically call back to the home server to load additional resources are one thing spam filters don&#39;t like.

You&#39;re best off embedding the CSS in your HTML.

I believe inline styles (added in a style attribute on each element) are more widely supported than including a &amp;lt;style&amp;gt; section, too.

I just Googled and came across this tutorial - looks pretty good at first glance... [http://articles.sitepoint.com/article/code-html-email-newsletters][1]


  [1]: http://articles.sitepoint.com/article/code-html-email-newsletters

I&#39;m using TortoiseSVN. I just made quite a few changes to my working copy and now I went to do a commit some of the files went through but at one file named Search.aspx.cs it says

    Commit failed (details follow):
    Can&#39;t open file 
    &#39;C:\-----\trunk\.svn\text-base\Search.aspx.cs.svn-base&#39;: 
    The system cannot find the file specified.

I have tried doing a SVN update and SVN cleanup and nothing is restoring this file. I can&#39;t even create a diff because it gives a similar error about missing files. How do I fix this? What did I do to cause it? 

Can&#39;t open .svn/text-base/file.svn-base?

Grrr...

I create a subclass of view as an inner class in my Activity. Before I simply linked to this view from my activity with:

    setContentView(new CustomView(this));

without problems.

Now, however, my view is getting more complex so I am making it part of a FrameLayout so that I can make this the base view and add a Spinner widget on top of it. The problem is, when I do this I get an error:

    java.lang.RuntimeException: Unable to start activity ComponentInfo{com.grafightscratch.ochemmer/com.grafightscratch.ochemmer.MoleculeTablet}: android.view.InflateException: Binary XML file line #4: Error inflating class com.grafightscratch.ochemmer.MoleculeTablet.MoleculeTabletView
    ...
    Caused by: android.view.InflateException: Binary XML file line #4: Error inflating class com.grafightscratch.ochemmer.MoleculeTablet.MoleculeTabletView
    ...
    Caused by: java.lang.ClassNotFoundException: com.grafightscratch.ochemmer.MoleculeTablet.MoleculeTabletView in loader dalvik.system.PathClassLoader@43b74a28


So- this view worked before when I linked to it directly, but when I tried to add it in the main.xml file as part of a framelayout I got the above error. I also tried putting into a layout with only it being displayed via:

    &lt;com.grafightscratch.ochemmer.MoleculeTablet.MoleculeTabletView
    xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot;
    android:id=&quot;@+id/molecule_tablet_view&quot;
    android:layout_width=&quot;fill_parent&quot;
    android:layout_height=&quot;fill_parent&quot;
    /&gt;

Nothing works. I keep getting the InflateException/ClassNotFoundException errors. It complains about &quot;line #3&quot; in the binary XML file, and if it is talking about main.xml that is the package declaration which I have triple checked.

**EDIT**
I tried making this view a separate class (ie- not an inner class) and it works. After some searching around I found some posts saying that the xml tag should look like this:

    &lt;com.grafightscratch.ochemmer.MoleculeTablet$MoleculeTabletView ...&gt;

Ie, a dollar sign should be used to separate the innerclass from the main class. However, Eclipse barfs on this, calls it an error, and refuses to let me build or deploy with that character there. So now the question becomes: how does one reference a View that is an inner class?

Error referencing an inner class View in layout/main.xml

When sending an HTML email can you link to an external style sheet or does the CSS need to be included in the email?

Also, if you can link to an external style sheet, which way is more efficient/is smarter to use: linking to the style sheet or including it in the HTML?

Can you link to a CSS file from an email?

<p>When sending an HTML email can you link to an external style sheet or does the CSS need to be included in the email?</p>
<p>Also, if you can link to an external style sheet, which way is more efficient/is smarter to use: linking to the style sheet or including it in the HTML?</p>


What is the ***correct*** way to make text italic? I have seen the following four approaches:

    &lt;i&gt;Italic Text&lt;/i&gt;

    &lt;em&gt;Italic Text&lt;/em&gt;

    &lt;span class=&quot;italic&quot;&gt;Italic Text&lt;/span&gt;

    &lt;span class=&quot;footnote&quot;&gt;Italic Text&lt;/span&gt;




----------


# `&lt;i&gt;` #
This is the &quot;old way&quot;. `&lt;i&gt;` has no semantic meaning and only conveys the presentational effect of making the text italic. As far as I can see, this is clearly wrong because this is non-semantic.


----------


# `&lt;em&gt;` #
This uses semantic mark up for purely presentational purposes. It just happens that `&lt;em&gt;` by default renders text in italic and so it is often used by those who are aware that `&lt;i&gt;` should be avoided but who are unaware of its semantic meaning. Not all italic text is italic because it is emphasised. Sometimes, it can be the exact opposite, like a side note or a whisper.


----------


# `&lt;span class=&quot;italic&quot;&gt;` #
This uses a CSS class to place presentation. This is often touted as the correct way but again, this seems wrong to me. This doesn&#39;t appear to convey any more semantic meaning that `&lt;i&gt;`. But, its proponents cry, it is much easier to change all your italic text later if you, say, wanted it bold. Yet this is not the case because I would then be left with a class called &quot;italic&quot; that rendered text bold. Furthermore, it is not clear why I would ever want to change all italic text on my website or at least we can think of cases in which this would not be desirable or necessary.


----------


# `&lt;span class=&quot;footnote&quot;&gt;` ##
This uses a CSS class for semantics. So far this appears to be the best way but it actually has two problems.

 1. Not all text has sufficient meaning to warrant semantic markup. For example, is italicised text at the bottom of the page really a footnote? Or is it an aside? Or something else entirely. Perhaps it has no special meaning and only needs to be rendered in italics to separate it presentationally from the text preceding it.

 2. Semantic meaning can change when it is not present in sufficient strength. Lets say I went along with &quot;footnote&quot; based upon nothing more than the text being at the bottom of the page. What happens when a few months later I want to add more text at the bottom? It is no longer a footnote. How can we choose a semantic class that is less generic than `&lt;em&gt;` but avoids these problems?


----------


# Summary #
It appears that the requirement of semantics seems to be overly burdensome in many instances where the desire to make something italic is not meant to carry semantic meaning. 

Furthermore, the desire to separate style from structure has led CSS to be touted as a replacement to `&lt;i&gt;` when there are occasions when this would actually be less useful. So this leaves me back with the humble `&lt;i&gt;` tag and wondering whether this train of thought is the reason why it is left in the HTML5 spec?

Are there any good blog posts or articles on this subject as well? Perhaps by those involved in the decision to retain/create the `&lt;i&gt;` tag?

CSS/HTML: What is the correct way to make text italic?

How would I open a new window in JavaScript and insert HTML data instead of just linking to  an HTML file?

Open window in JavaScript with HTML inserted

When doing this job in PHP,one may meet this kind of issue:

    &lt;span title=&quot;&lt;?php echo $variable;?&gt;&quot;&gt;...

The problem is that if `$variable` contains double quotes,should change it to `\&quot;`

And that&#39;s not the whole story yet:

    &lt;span title=&#39;&lt;?php echo $variable;?&gt;&#39;&gt;...

In this case,we need to change single quotes to `\&#39;`,but leave double quotes as is.

So how can we do it in a general property manner?

What&#39;s the best practice to set html attribute via PHP?

In CSS, I can do something like this:

[![enter image description here][1]][1]

But I&#39;ve no idea how to change that to something like:

[![enter image description here][2]][2]

----------

**Is this possible with CSS?**

If yes, how can I do it without explicitly specifying the height (let the content grow)?

  [1]: https://i.stack.imgur.com/dAX1i.png
  [2]: https://i.stack.imgur.com/ey7wO.png

CSS - Equal Height Columns?

I have simple **HTML**:

    &lt;h2&gt;Title&lt;/h2&gt;&lt;br&gt;
    &lt;p&gt;description here&lt;/p&gt;

I want to display HTML styled text it in `TextView`. How to do this?

How to display HTML in TextView?

I use Visual Studio as my editor for .css and .js files.. It ***REALLY SUCKS*** especially with .js files since it insists on indenting them in a very weird way, but I find it convenient that the first alt-tab is always the browser instead of another editor, and that ctrl-tab is always either the code file or the css/js.

Anyways, in all its radiant wisdom it decides to check them for syntax errors as well and every time I compile my project it gives several &quot;errors&quot; that push down the real errors of the compilation, so every time I make a syntax error in a code file I have to scroll down through all the js/css errors to see what&#39;s wrong.

Examples of such errors (that aren&#39;t really errors) are:
&lt;pre&gt;
Error	7	Validation (CSS 2.1): &#39;text-rendering&#39; is not a known CSS property name.
Error	8	Validation (CSS 2.1): &#39;opacity&#39; is not a known CSS property name.
&lt;/pre&gt;

The situation also got much worse recently, since it now keeps parsing a .js file as a .css file for some reason, so I get errors such as:

&lt;pre&gt;
Error	1	Unexpected character sequence. Expected a selector for the style rule.	E:\Dev\anacletus\Static\set_focus.js	2
Error	2	Unexpected character sequence. Expected a property name for the &quot;&lt;property&gt; : &lt;value&gt;&quot; declaration.	E:\Dev\anacletus\Static\set_focus.js	3
Error	3	Validation (CSS 2.1): &#39;set-focus&#39; is not a known CSS property name.	E:\Dev\anacletus\Static\set_focus.js	3
&lt;/pre&gt;

I even deleted that particular file from the solution (it&#39;s not there anymore anywhere), but it keeps parsing it anyway.

**In short, how can I disable this feature?**

How to make Visual Studio stop &quot;compiling&quot; .js and .css files

How do I set the size of an HTML text box?

I have to present a prototype of an web app in the following days to one of my clients, the thing is I&#39;m not so good at CSS and worst of all I&#39;m almost never happy with the results I get.

Coding the business logic poses no challenge to me, the UI design however takes more than 80% of my time. I don&#39;t need nothing breathtaking, just a clean, nice and presentable environment, an example:

[![alt text][1]][1]
&lt;!-- source: http://i48.tinypic.com/t0p1fq.png --&gt;

This is a recurring problem I&#39;ve been having, I wish web UI development could have a *less naked default style*, an approach similar to **Visual Studio** or **iPhone SDK** would be very useful to me.

The above mockup created with **Balsamiq Mockups** is a great example, all the most common &quot;components&quot; are available to use, and best of all: there is only one good-looking style to choose from.

Is there something like this for the web? A neutral yet nice CSS or Javascript UI framework?

----------

**Options so far:**

 - [Bootstrap](http://getbootstrap.com/2.3.2/)
 - [Qooxdoo][2]
 - [jQuery UI][3]
 - [jQuery Tools][4]
 - [MochaUI][5]
 - [Ext JS][6]
 - [Yahoo! User Interface Library][7]
 - [BlueTrip][8]
 - [BluePrint][9]
 - **[Uki][10] ([Demo][11])**
 - [Napkee][12]
 - [YAML][13]
 - [Baseline][14]
 - [iPlotz][15]
 - [Sproutcore][16]
 - [ForeUI][17]

**I&#39;m interested in knowing if there are any CSS-only UI frameworks.**

I found [**this page with a very nice list of Web UI Libraries**][18], but most of them (at least the good ones) seem to be specific to Java, are there any equally good alternatives in pure CSS or JS?

**PS: I&#39;m not interested in AJAX, effects, behaviors and so on... my main (only) concern is style.**

----------

**Thanks for all the suggestions everyone!**

After a very careful consideration of all the UI libraries suggested, I&#39;ve come to the conclusion that ExtJS and Qooxdoo are the ones that most closely fit my needs. jQuery UI seems promising but only offers a reduced amount of elements.

As far as CSS-only libraries go I&#39;ve found BlueTrip / BluePrint and the themes suggested by tambler to be the best. Aside from that, Flex and Napkee also seem to be worth exploring.

**Time to learn ExtJS now! =)**


  [1]: https://i.stack.imgur.com/uKott.png
  [2]: http://qooxdoo.org/
  [3]: http://jqueryui.com/
  [4]: http://flowplayer.org/tools/
  [5]: http://mochaui.com/
  [6]: http://www.extjs.com/
  [7]: http://developer.yahoo.com/yui/3/
  [8]: http://bluetrip.org/
  [9]: http://blueprintcss.org/
  [10]: http://ukijs.org/
  [11]: http://ukijs.org/examples/wave/
  [12]: http://www.napkee.com/
  [13]: http://www.yaml.de/en/
  [14]: http://baselinecss.com/
  [15]: http://iplotz.com/
  [16]: http://sproutcore.com/
  [17]: http://www.foreui.com/
  [18]: http://woork.blogspot.com/2009/01/10-beautiful-web-ui-libraries.html

Common Web UI Styles

I am sending emails to users using Django through Google Apps.

When the user receives emails sent from the Django app, they are from:  
`do_not_reply@domain.com`

when looking at all emails in the inbox, people see the email&#39;s sender as :  
`do_not_reply` or `do_not_reply@domain.com` depending on the email client used

If I log into that &quot;do_not_reply&quot; account using the browser and Google Apps itself and then send an email to myself, the emails are from:  
`Dont Reply&lt;do_not_reply@domain.com&gt;`

As a result, the name displayed for the email&#39;s sender in the inbox is:  
`Dont Reply`


In Django, is there a way to attach a &quot;name&quot; to the email account being used to send emails?

I have reviewed Django&#39;s mail.py, but had no luck finding a solution  
&lt;http://code.djangoproject.com/browser/django/trunk/django/core/mail.py?rev=5548&gt;

Using:  
Django 1.1  
Python 2.6  
Ubuntu 9.1  
settings.EMAIL_HOST = &#39;smtp.gmail.com&#39;

Thanks



Giving email account a name when sending emails with Django through Google Apps

How do you get the Android&#39;s primary e-mail address (or a list of e-mail addresses)?

It&#39;s my understanding that on OS 2.0+ there&#39;s support for multiple e-mail addresses, but below 2.0 you can only have one e-mail address per device.

How to get the Android device&#39;s primary e-mail address

I am developing an application in Android. I don&#39;t know how to send an email from the application?

How to send emails from my Android application?

I&#39;ve been working on Android program to send email with an attachment (image file, audio file, etc) using Intent with `ACTION_SEND`. The program is working when email has a single attachment. I used `Intent.putExtra(android.content.Intent.EXTRA_STREAM, uri)` to attach the designated image file to the mail and it is working fine, the mail can be delivered through the Gmail. However, when I tried to have multiple images attached to the same mail by calling `Intent.putExtra(android.content.Intent.EXTRA_STREAM, uri)` multiple times, it failed to work. None of the attachment show up in the email.  

I searched the SDK documentation and Android programming user group about email attachment but cannot find any related info. However, I&#39;ve discovered that there&#39;s another intent constant `ACTION_SEND_MULTIPLE` (available since API level 4) which might meet my requirement.  Based on SDK documentation, it simply states that it deliver multiple data to someone else, it works like `ACTION_SEND`, except the data is multiple. But I still could not figure out the correct usage for this command. I tried to declare intent with `ACTION_SEND_MULTIPLE`, then  call `putExtra(EXTRA_STREAM, uri)` multiple times to attach multiple images, but I got the same erroneous result just like before, none of the attachment show up in the email.  

Has anyone tried with `ACTION_SEND_MULTIPLE` and got it working with multiple email attachment?


Android multiple email attachments using Intent

How can I send an email through the UNIX `mailx` command?

How can I send an email through the UNIX mailx command?

Is there any advantage to having a single monster .css file that contains style elements that will be used on almost every page?

I&#39;m thinking that for ease of management, I&#39;d like to pull out different types of CSS into a few files, and include every file in my main `&lt;link /&gt;` is that bad?

I&#39;m thinking this is better

 1. positions.css 
 2. buttons.css 
 3. tables.css
 4. copy.css

vs.

 1. site.css

Have you seen any gotchas with doing it one way vs. the other?

Single huge .css file vs. multiple smaller specific .css files?

I have a style applied to my whole application:

AndroidManifest.xml:

    &lt;application android:theme=&quot;@style/ApplicationStyle&quot; android:icon=&quot;@drawable/icon&quot; android:label=&quot;@string/app_name&quot;&gt;

And in my styles.xml:

     &lt;style name=&quot;ApplicationStyle&quot; parent=&quot;android:Theme&quot;&gt;
      &lt;item name=&quot;android:button&quot;&gt;@style/CKButton&lt;/item&gt;
     &lt;/style&gt;
     &lt;style name=&quot;CKButton&quot; parent=&quot;android:style/Widget.Button&quot;&gt;
      &lt;item name=&quot;android:textSize&quot;&gt;19sp&lt;/item&gt;
      &lt;item name=&quot;android:layout_margin&quot;&gt;0dip&lt;/item&gt;
      &lt;item name=&quot;android:background&quot;&gt;#ff0000&lt;/item&gt;
     &lt;/style&gt;

But the style doesn&#39;t get applied.

I&#39;m sorry if I just used the false name in the `ApplicationStyle` - `Item`, but I have no clue where to look for the object names and simply assumed, that `android:button` applies to all buttons.

How do I apply a style to all buttons of an Android application

I am looking for a way to retrieve the style from an element that has a style set upon it by the style tag.

    &lt;style&gt; 
    #box {width: 100px;}
    &lt;/style&gt;

In the body  

    &lt;div id=&quot;box&quot;&gt;&lt;/div&gt;

I&#39;m looking for straight javascript without the use of libraries.

I tried the following, but keep receiving blanks:

    alert (document.getElementById(&quot;box&quot;).style.width);  
    alert (document.getElementById(&quot;box&quot;).style.getPropertyValue(&quot;width&quot;));

I noticed that I&#39;m only able to use the above if I have set the style using javascript, but unable to with the style tags.

How to get an HTML element&#39;s style values in javascript?

I have loaded a css file on server so I am having a URL with me. How can i load it in my perl code using JQuery ?

So currently I am hardcoding the css in my mason page which is missing from the page something like this

    JQ.onReady(&#39;show&#39;, function(){
        JQ.addStyles({styles: [&quot;\n\n.ap_classic { border-top:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #2F2F1D; border-right:1px solid   #2F2F1D;background-color:#EFEDD4;padding:3px; }  .ap_classic .ap_titlebar { color:#86875D;font-size:12px;padding:0 0 3px 0;line-height:1em; }  .ap_classic .ap_close { float:right; }  .ap_classic .ap_content { clear:both;background-color:white;border:1px solid #ACA976;padding:8px;font-size:11px; } &quot;]});
    });
  
I want to avoid hardcoding this css ?
  


How to load CSS using jquery

I have a positioned div whose content can be too long so scrollbars appear (`overflow:auto` set). It functions as a dialog box in an ajax app. I want to fix a close button on it&#39;s right top corner so when the user scrolls the div it won&#39;t scroll away.

I tryed it with `position:fixed; right:0; top:0` but it placed the button on the right top of the page not in the div (in firefox).

Is it possible to do this button placement using CSS only without hacking with the offsetWidth/Height in js on every scroll event?

ps: the div&#39;s height and width is not a fixed value it depends on the content&#39;s size and the browser window&#39;s size. User can also resize it if he want.

Content Type	Original Author	Original Content on Stackoverflow
Question	Josh Curren	View Question on Stackoverflow
Solution 1 - Html	bobince	View Answer on Stackoverflow
Solution 2 - Html	NotMe	View Answer on Stackoverflow
Solution 3 - Html	Chris Roberts	View Answer on Stackoverflow

Can you link to a CSS file from an email?

Html Problem Overview

Html Solutions

Solution 1 - Html

Solution 2 - Html

Solution 3 - Html

Error referencing an inner class View in layout/main.xml

Can't open .svn/text-base/file.svn-base?

Attributions