How about:

&lt;!-- language: lang-css --&gt;

    html, body { margin:0; padding:0; overflow:hidden }
    svg { position:fixed; top:0; bottom:0; left:0; right:0 }

Or:

&lt;!-- language: lang-css --&gt;

    html, body { margin:0; padding:0; overflow:hidden }
    svg { position:fixed; top:0; left:0; height:100%; width:100% }

I have an example on my site using (roughly) this technique, albeit with 5% padding all around, and using `position:absolute` instead of `position:fixed`:  
http://phrogz.net/svg/svg_in_xhtml5.xhtml

_(Using `position:fixed` prevents a very edge-case scenario of linking to a sub-page anchor on the page, and `overflow:hidden` can ensure that no scroll bars ever appear (in case you have extra content.)_

Given a branch, I&#39;d like to see a list of commits that exist **only** on that branch.  In [this question](https://stackoverflow.com/questions/1710894/using-git-show-all-commits-that-are-in-one-branch-but-not-the-others) we discuss ways to see which commits are on one branch but not one or more specified other branches.  

This is slightly different.  I&#39;d like to see which commits are on one branch but not on **any** other branches.

The use case is in a branching strategy where some branches should only be merged to, and never committed directly on.  This would be used to check if any commits have been made directly on a &quot;merge-only&quot; branch.

EDIT: Below are steps to set up a dummy git repo to test:
&lt;pre&gt;&lt;code&gt;git init
echo foo1 &gt;&gt; foo.txt
git add foo.txt
git commit -am &quot;initial valid commit&quot;
git checkout -b merge-only
echo bar &gt;&gt; bar.txt
git add bar.txt
git commit -am &quot;bad commit directly on merge-only&quot;
git checkout master
echo foo2 &gt;&gt; foo.txt 
git commit -am &quot;2nd valid commit on master&quot;
git checkout merge-only 
git merge master
&lt;/code&gt;&lt;/pre&gt;

Only the commit with message &quot;bad commit directly on merge-only&quot;, which was made directly on the merge-only branch, should show up.

Using Git, show all commits that exist *only* on one specific branch, and not *any* others

How should a view&#39;s `el` be handled?
It has to be set, otherwise events don&#39;t fire (see [here][1]).

But should it be an element that is already on the page?
In my app, I render a (jQuery Templates) template into a Fancybox. What should the `el` be in that case?

  [1]: https://stackoverflow.com/questions/4909564/backbone-js-why-isnt-this-event-bound

Backbone.View &quot;el&quot; confusion

This seems like it ought to be easy, but I&#39;m just not getting something.

I want to make an HTML page containing a single SVG image that automatically scales to fit the browser window, without any scrolling and while preserving its aspect ratio.

For example, at the moment I have a 1024x768 SVG image; if the browser viewport is 1980x1000 then I want the image to display at 1333x1000 (fill vertically, centred horizontally).  If the browser was 800x1000 then I want it to display at 800x600 (fill horizontally, centred vertically).

Currently I have it defined like so:

    &lt;body style=&quot;height: 100%&quot;&gt;
      &lt;div id=&quot;content&quot; style=&quot;width: 100%; height: 100%&quot;&gt;
        &lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; version=&quot;1.1&quot;
             width=&quot;100%&quot; height=&quot;100%&quot;
             viewBox=&quot;0 0 1024 768&quot;
             preserveAspectRatio=&quot;xMidYMid meet&quot;&gt;
          ...
        &lt;/svg&gt;
      &lt;/div&gt;
    &lt;/body&gt;

However this is scaling up to the full width of the browser (for a wide but short window) and producing vertical scrolling, which isn&#39;t what I want.

What am I missing?

How to scale SVG image to fill browser window?

This seems like it ought to be easy, but I'm just not getting something.
I want to make an HTML page containing a single SVG image that automatically scales to fit the browser window, without any scrolling and while preserving its aspect ratio.
For example, at the moment I have a 1024x768 SVG image; if the browser viewport is 1980x1000 then I want the image to display at 1333x1000 (fill vertically, centred horizontally). If the browser was 800x1000 then I want it to display at 800x600 (fill horizontally, centred vertically).
Currently I have it defined like so:
<pre><code class="hljs language-ini">&#x3C;body style="height: 100%">
 &#x3C;div id="content" style="width: 100%; height: 100%">
 &#x3C;svg xmlns="http://www.w3.org/2000/svg" version="1.1"
 width="100%" height="100%"
 viewBox="0 0 1024 768"
 preserveAspectRatio="xMidYMid meet">
 ...
 &#x3C;/svg>
 &#x3C;/div>
&#x3C;/body>
</code></pre>
However this is scaling up to the full width of the browser (for a wide but short window) and producing vertical scrolling, which isn't what I want.
What am I missing?

I want to force the main layout resource view to redraw / refresh, in say the Activity.onResume() method. How can I do this ? 

By main layout view, I mean the one (&#39;R.layout.mainscreen&#39; below) that is called in my Activity.onCreate(), like this:-

    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.mainscreen);
    }


How to force an entire layout View refresh?

I know that it is impossible to set percentages and that you can set a weight of certain images to scale their heights. What I am trying to do though is specify the height of a layout relative to the layout it is within. Basicly I have something like this

    &lt;LinearLayout android:layout_height=&quot;fill_parent&quot;&gt;
      &lt;LinearLayout&gt;
    
      &lt;/LinearLayout&gt;
    &lt;/LinearLayout&gt;

Of course this is a very simplified version, just so you can understand my gibberish. Basicly I want to set the inner linearlayout to be around 50% of the main linearlayout.

What is the best way to do this?

Android Percentage Layout Height

I have a div element with style attached:

    .mypost {
        border: 1px solid Peru;
        font-family: arial;
        margin: auto;
        min-width: 700px;
        width: 700px;
    }



I am diplaying WordPress post contents inside the DIV block but for simplicity let assume that there is only one `&lt;img&gt;` inside the DIV. I want my div to be minimum 700 px wide and adjust the width if image is wider than 700 px.

What are my options to achieve that? Please advice.


***UPDATE***

See my Fiddle
http://jsfiddle.net/cpt_comic/4qjXv/

How can I adjust DIV width to contents

I am a starting Java developer, learning just from internet tutorials. I am learning full screen GUI applications. I was told yesterday that I shouldn&#39;t use AWT in my programs, because it is outdated. I already know about light and heavyweight components, the main problem is the mouse and keyboard listeners. 
Why is AWT outdated?
How to make a program without AWT (adding listeners to JComponents etc) (what kind of Swing things can replace the AWT)?

Java GUI listeners without AWT

I have a weird behavior I can&#39;t pinpoint the source of.

I have my app with the classic

    requestWindowFeature(Window.FEATURE_NO_TITLE);

to remove the title/status bar.

I then create a Dialog box to allow the user to enter information (name etc)

With a physical keyboard, no problem but when I use the virtual keyboard I have a strange behavior:

each time I hit a key on the virtual key board the title/status bar reappears pushing all the keyboard layout around then vanishes again (just like the animation of when I start the application)

here is some code : 


    		dialog = new Dialog(context);
    		dialog.setContentView(R.layout.logindialog);
    		dialog.setTitle(&quot;Login:&quot;);
    
    		WindowManager.LayoutParams a = dialog.getWindow().getAttributes();
    
    //		dialog.requestWindowFeature(Window.FEATURE_NO_TITLE);
    		
    		a.dimAmount = 0;
    		dialog.getWindow().setAttributes(a);
    		
    		dialog.setCancelable(true);
    		dialog.getWindow().setLayout(LayoutParams.FILL_PARENT,LayoutParams.FILL_PARENT);

and then

    dialog.show();

I tried 

    dialog.requestWindowFeature(Window.FEATURE_NO_TITLE);

but it crashes my app.

here is the xml


&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;
 
&lt;LinearLayout xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot;
	android:id=&quot;@+id/test&quot;
	android:gravity=&quot;center_horizontal&quot;
 	android:orientation=&quot;vertical&quot;
    android:layout_alignParentTop=&quot;true&quot;
   	android:layout_width=&quot;fill_parent&quot;
 	android:layout_height=&quot;wrap_content&quot;&gt;

		&lt;TextView android:id=&quot;@+id/LoginText&quot;
			android:gravity=&quot;fill&quot;
			android:layout_width=&quot;wrap_content&quot;
			android:layout_height=&quot;wrap_content&quot;
			android:text=&quot;Login:&quot;&gt;
		&lt;/TextView&gt;     	
		&lt;EditText android:id=&quot;@+id/LoginEdit&quot;
			android:layout_height=&quot;wrap_content&quot;
			android:singleLine=&quot;true&quot;
			android:text=&quot;jason&quot;
			android:layout_width=&quot;200sp&quot;/&gt;
		&lt;TextView android:id=&quot;@+id/PasswordText&quot;
			android:layout_width=&quot;wrap_content&quot;
			android:layout_height=&quot;wrap_content&quot;
			android:text=&quot;Password:&quot;&gt;
		&lt;/TextView&gt;     	
		&lt;EditText android:id=&quot;@+id/PasswordEdit&quot;
			android:layout_height=&quot;wrap_content&quot;
			android:singleLine=&quot;true&quot;
			android:text=&quot;welcome&quot;
			android:layout_width=&quot;200sp&quot;
			android:password=&quot;true&quot;/&gt;
	&lt;LinearLayout 
		android:id=&quot;@+id/test2&quot;
		android:gravity=&quot;center_horizontal&quot;
 		android:orientation=&quot;horizontal&quot;
   		android:layout_width=&quot;wrap_content&quot;
 		android:layout_height=&quot;wrap_content&quot;&gt;
    &lt;Button android:id=&quot;@+id/LoginButton&quot;
 		android:layout_width=&quot;wrap_content&quot;
 		android:layout_height=&quot;wrap_content&quot;
 		android:layout_centerHorizontal=&quot;true&quot;
 		android:text=&quot;Login&quot; /&gt;
 	&lt;Button android:id=&quot;@+id/CreateButton&quot;
 		android:layout_width=&quot;wrap_content&quot;
 		android:layout_height=&quot;wrap_content&quot;
 		android:layout_centerHorizontal=&quot;true&quot;
 		android:text=&quot;Create&quot; /&gt;
 	&lt;Button android:id=&quot;@+id/CancelLogin&quot;
 		android:layout_width=&quot;wrap_content&quot;
 		android:layout_height=&quot;wrap_content&quot;
 		android:layout_centerHorizontal=&quot;true&quot;
 		android:text=&quot;Cancel&quot; /&gt;
 	&lt;/LinearLayout&gt;/&gt;
&lt;/LinearLayout&gt;


Android Dialog: Removing title bar

I can&#39;t believe what is happening in my website. When I add this line:

    &lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
    &lt;!DOCTYPE html&gt;
    &lt;html&gt;
     &lt;head&gt;

Everything works fine. And when I don&#39;t, CSS &quot;messes&quot; up, everything becomes different and layout becomes &quot;ugly&quot;. 

How can this line solve all the problems?!

What does &quot;&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;&quot; do?

I want to make an HTML div tag fade in and fade out. 

I have some code that fades out, but when I fade in, the opacity of the div stays at 0.1 and doesn&#39;t increase.

    &lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot;
     &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
     
     &lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; lang=&quot;en&quot;&gt;
     &lt;head&gt;
    	&lt;title&gt;Fade to Black&lt;/title&gt;
    	&lt;script type=&quot;text/javascript&quot;&gt;
    		//&lt;![CDATA[
    		function slidePanel(elementToSlide, slideSource)
    		{
    			var element = document.getElementById(elementToSlide);
    			
    			if(element.up == null || element.up == false) {
    				setTimeout(&quot;fadeOut(\&quot;&quot; + elementToSlide + &quot;\&quot;)&quot;, 100);
    				element.up = true;
    				slideSource.innerHTML = &quot;Bring it down&quot;;
    			} else {
    				setTimeout(&quot;fadeIn(\&quot;&quot; + elementToSlide + &quot;\&quot;)&quot;, 100);
    				element.up = false;
    				slideSource.innerHTML = &quot;Take it up&quot;;
    			}
    		}
    		
    		function fadeIn(elementToFade)
    		{
    			var element = document.getElementById(elementToFade);
    			
    			element.style.opacity += 0.1;
    			if(element.style.opacity &gt; 1.0) {
    				element.style.opacity = 1.0;
    			} else {
    				setTimeout(&quot;fadeIn(\&quot;&quot; + elementToFade + &quot;\&quot;)&quot;, 100);
    			}
    		}
    		
    		function fadeOut(elementToFade)
    		{
    			var element = document.getElementById(elementToFade);
    		
    			element.style.opacity -= 0.1;
    			if(element.style.opacity &lt; 0.0) {
    				element.style.opacity = 0.0;
    			} else {
    				setTimeout(&quot;fadeOut(\&quot;&quot; + elementToFade + &quot;\&quot;)&quot;, 100);
    			}
    		}
    		//]]&gt;
    	&lt;/script&gt;
     &lt;/head&gt;
     &lt;body&gt;
    	&lt;div&gt;
    		&lt;div id=&quot;slideSource&quot;
    			  style=&quot;width:150px; height:20px;
    					text-align:center; background:green&quot;
    			 onclick=&quot;slidePanel(&#39;panel&#39;, this)&quot;&gt;
    			Take It up
    		&lt;/div&gt;
    		&lt;div id=&quot;panel&quot;
    			  style=&quot;width:150px; height:130px;
    					text-align:center; background:red;
    					opacity:1.0;&quot;&gt;
    			Contents
    		&lt;/div&gt;
    	&lt;/div&gt;
    &lt;/body&gt;
    &lt;/html&gt;

What am I doing wrong and what is the best way to fade in and fade out an element?

How to do fade-in and fade-out with JavaScript and CSS

So I have a table with this style:

    table-layout: fixed;

Which makes all columns to be of the same width. I would like to have one column (the first one) to be wider and then rest of the columns to occupy the remaining width of the table with equal widths.

How to achieve that?

&lt;!-- begin snippet: js hide: false --&gt;

&lt;!-- language: lang-css --&gt;

    table {
      border-collapse: collapse;
      width: 100%;
      border: 1px solid black;
      background: #ddd;
      table-layout: fixed;
    }

    table th, table td {
      border: 1px solid #000;
    }

    table td.wideRow, table th.wideRow {
      width: 300px;
    }

&lt;!-- language: lang-html --&gt;

    &lt;table class=&quot;CalendarReservationsBodyTable&quot;&gt;
      &lt;thead&gt;
        &lt;tr&gt;
          &lt;th colspan=&quot;97&quot;&gt;Rezervovane auta&lt;/th&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;th class=&quot;corner wideRow&quot;&gt;Auto&lt;/th&gt;
          &lt;th class=&quot;odd&quot; colspan=&quot;4&quot;&gt;0&lt;/th&gt;
          &lt;th class=&quot;&quot; colspan=&quot;4&quot;&gt;1&lt;/th&gt;
          &lt;th class=&quot;odd&quot; colspan=&quot;4&quot;&gt;2&lt;/th&gt;
          &lt;th class=&quot;&quot; colspan=&quot;4&quot;&gt;3&lt;/th&gt;
          &lt;th class=&quot;odd&quot; colspan=&quot;4&quot;&gt;4&lt;/th&gt;
          &lt;th class=&quot;&quot; colspan=&quot;4&quot;&gt;5&lt;/th&gt;
          &lt;th class=&quot;odd&quot; colspan=&quot;4&quot;&gt;6&lt;/th&gt;
          &lt;th class=&quot;&quot; colspan=&quot;4&quot;&gt;7&lt;/th&gt;
          &lt;th class=&quot;odd&quot; colspan=&quot;4&quot;&gt;8&lt;/th&gt;
          &lt;th class=&quot;&quot; colspan=&quot;4&quot;&gt;9&lt;/th&gt;
          &lt;th class=&quot;odd&quot; colspan=&quot;4&quot;&gt;10&lt;/th&gt;
          &lt;th class=&quot;&quot; colspan=&quot;4&quot;&gt;11&lt;/th&gt;
          &lt;th class=&quot;odd&quot; colspan=&quot;4&quot;&gt;12&lt;/th&gt;
          &lt;th class=&quot;&quot; colspan=&quot;4&quot;&gt;13&lt;/th&gt;
          &lt;th class=&quot;odd&quot; colspan=&quot;4&quot;&gt;14&lt;/th&gt;
          &lt;th class=&quot;&quot; colspan=&quot;4&quot;&gt;15&lt;/th&gt;
          &lt;th class=&quot;odd&quot; colspan=&quot;4&quot;&gt;16&lt;/th&gt;
          &lt;th class=&quot;&quot; colspan=&quot;4&quot;&gt;17&lt;/th&gt;
          &lt;th class=&quot;odd&quot; colspan=&quot;4&quot;&gt;18&lt;/th&gt;
          &lt;th class=&quot;&quot; colspan=&quot;4&quot;&gt;19&lt;/th&gt;
          &lt;th class=&quot;odd&quot; colspan=&quot;4&quot;&gt;20&lt;/th&gt;
          &lt;th class=&quot;&quot; colspan=&quot;4&quot;&gt;21&lt;/th&gt;
          &lt;th class=&quot;odd&quot; colspan=&quot;4&quot;&gt;22&lt;/th&gt;
          &lt;th class=&quot;&quot; colspan=&quot;4&quot;&gt;23&lt;/th&gt;
        &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
        &lt;tr&gt;
          &lt;td class=&quot;alignRight wideRow&quot;&gt;KE-260 FC - Octavia combi&lt;/td&gt;
          &lt;td class=&quot; borderLeft&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;odd&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;odd&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot; borderLeft&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;odd&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;odd&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot; borderLeft&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;odd&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;odd&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot; borderLeft&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;odd&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;odd&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot; borderLeft&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;odd&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;odd&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot; borderLeft&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;odd&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;odd&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot; borderLeft&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;odd&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;odd&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot; borderLeft&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;odd&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;odd&quot;&gt;&lt;/td&gt;
          &lt;td colspan=&quot;16&quot; class=&quot;highlighted borderLeft&quot; title=&quot;Richard Knop&quot;&gt;
            Richard Knop
          &lt;/td&gt;
          &lt;td class=&quot; borderLeft&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;odd&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;odd&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot; borderLeft&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;odd&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;odd&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot; borderLeft&quot;&gt;&lt;/td&gt;
          &lt;td colspan=&quot;14&quot; class=&quot;highlighted&quot; title=&quot;Richard Knop&quot;&gt;
            Richard Knop
          &lt;/td&gt;
          &lt;td class=&quot;odd&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot; borderLeft&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;odd&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;odd&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot; borderLeft&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;odd&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;odd&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot; borderLeft&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;odd&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;odd&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot; borderLeft&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;odd&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;odd&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot; borderLeft&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;odd&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;odd&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot; borderLeft&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;odd&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;odd&quot;&gt;&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;

&lt;!-- end snippet --&gt;

jsfiddle: http://jsfiddle.net/6p9K3/

Notice the first column, I want it to be `300px` wide.

Table with table-layout: fixed; and how to make one column wider

Why is the following code valid when I am using a `&lt;div&gt;` inside a `&lt;li&gt;`?

    &lt;ul&gt;
        &lt;li class=&quot;aschild&quot;&gt;
            &lt;div class=&quot;nav&quot;&gt;Test&lt;/div&gt;
        &lt;/li&gt;
    &lt;/ul&gt;

Can I use a div inside a list item?

I have Google checkout sandbox generated HTML code which works fine in HTML page. When I put the same code in XHTML page, it throws the below exception:

&gt; the reference to entity &quot;w&quot; must end with the &#39;;&#39; delimiter

It&#39;s referring the request parameter `w` in the URL in the below `src` attribute:

    &lt;input type=&quot;image&quot; name=&quot;Google Checkout&quot; alt=&quot;Fast checkout through Google&quot;
        src=&quot;http://sandbox.google.com/checkout/buttons/checkout.gif?merchant_id=211512493599623&amp;w=180&amp;h=46&amp;style=white&amp;variant=text&amp;loc=en_US&quot;
        height=&quot;46&quot; width=&quot;180&quot; /&gt;

How is this caused and how can I solve it?


The reference to entity &quot;foo&quot; must end with the &#39;;&#39; delimiter

Given a circle centered at (200,200), radius 25, how do I draw an arc from 270 degree to 135 degree and one that goes from 270 to 45 degree?

0 degree means it is right on the x-axis (the right side) (meaning it is 3 o&#39; clock position)
270 degree means it is 12 o&#39;clock position, and 90 means it is 6 o&#39;clock position

More generally, what is a path for an arc for part of a circle with

    x, y, r, d1, d2, direction

meaning

    center (x,y), radius r, degree_start, degree_end, direction

How to calculate the SVG Path for an arc (of a circle)

Short question: using SVG path, we can draw 99.99% of a circle and it shows up, but when it is 99.99999999% of a circle, then the circle won&#39;t show up. How can it be fixed?

The following SVG path can draw 99.99% of a circle:   (try it on http://jsfiddle.net/DFhUF/1381/ and see if you see 4 arcs or only 2 arcs, but note that if it is IE, it is rendered in VML, not SVG, but have the similar issue)

    M 100 100 a 50 50 0 1 0 0.00001 0
    
But when it is 99.99999999% of a circle, then nothing will show at all?

    M 100 100 a 50 50 0 1 0 0.00000001 0    
    
And that&#39;s the same with 100% of a circle (it is still an arc, isn&#39;t it, just a very complete arc)

    M 100 100 a 50 50 0 1 0 0 0 
    
How can that be fixed?  The reason is I use a function to draw a percentage of an arc, and if I need to &quot;special case&quot; a 99.9999% or 100% arc to use the circle function, that&#39;d be kind of silly.

Again, a test case on jsfiddle using RaphaelJS is at http://jsfiddle.net/DFhUF/1381/      
(and if it is VML on IE 8, even the second circle won&#39;t show... you have to change it to 0.01)

---
**Update:**

This is because I am rendering an arc for a score in our system, so 3.3 points get 1/3 of a circle.  0.5 gets half a circle, and 9.9 points get 99% of a circle.  But what if there are scores that are 9.99 in our system?  Do I have to check whether it is close to 99.999% of a circle, and use an `arc` function or a `circle` function accordingly?  Then what about a score of 9.9987?  Which one to use?  It is ridiculous to need to know what kind of scores will map to a &quot;too complete circle&quot; and switch to a circle function, and when it is &quot;a certain 99.9%&quot; of a circle or a 9.9987 score, then use the arc function.


Circle drawing with SVG&#39;s arc path

What is the best approach for creating elements on the fly and being able to move them around? For example, let&#39;s say I want to create a rectangle, circle and polygon and then select those objects and move them around.

I understand that HTML5 provides three elements that can make this possible: [svg][1], [canvas][2] and [div][3]. For what I want to do, which one of those elements will provide the best performance?

To compare these approaches, I was thinking of creating three visually identical web pages that each have a header, footer, widget and text content in them. The widget in the first page would be created entirely with the `canvas` element, the second entirely with the `svg` element, and the third with the plain `div` element, HTML and CSS.

  [1]: http://www.w3.org/TR/2014/REC-html5-20141028/embedded-content-0.html#svg
  [2]: http://www.w3.org/TR/2014/REC-html5-20141028/scripting-1.html#the-canvas-element
  [3]: http://www.w3.org/TR/2014/REC-html5-20141028/grouping-content.html#the-div-element

HTML5 Canvas vs. SVG vs. div

Is it possible to set a transparency or alpha level on SVG fill colours?

I&#39;ve tried adding two values to the fill tag (changing it from `fill=&quot;#044B94&quot;` to `fill=&quot;#044B9466&quot;`), but this doesn&#39;t work.

SVG fill color transparency / alpha?

Is it possible to set drop shadow for an svg element using css3 , something like

    box-shadow: -5px -5px 5px #888;
    -webkit-box-shadow: -5px -5px 5px #888;

I saw some remarks on creating shadow using filter effects. Is there an example of using css alone. Below is a working code where the cusor style is correctly applied, but no shadow effect. Please help me to get the shadow effect with least bit of code.

&lt;!-- begin snippet: js hide: false console: true babel: false --&gt;

&lt;!-- language: lang-css --&gt;

    svg .shadow { 
      cursor:crosshair; 
      -moz-box-shadow: -5px -5px 5px #888;
      -webkit-box-shadow: -5px -5px 5px #888;
      box-shadow: -5px -5px 5px #888; 
    }	

&lt;!-- language: lang-html --&gt;

    &lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; xmlns:xlink=&quot;http://www.w3.org/1999/xlink&quot; version=&quot;1.1&quot; baseProfile=&quot;full&quot;  viewBox=&quot;0 0 120 70&quot;&gt;	
        &lt;rect class=&quot;shadow&quot; x=&quot;10&quot; y=&quot;10&quot; width=&quot;100&quot; height=&quot;50&quot; fill=&quot;#c66&quot; /&gt;
    &lt;/svg&gt;

&lt;!-- end snippet --&gt;



SVG drop shadow using css3

I need to scale down an image, but in a sharp way. In Photoshop for example there are the image size reduction options &quot;Bicubic Smoother&quot; (blurry) and &quot;Bicubic Sharper&quot;.

Is this image downscaling algorithm open sourced or documented somewhere or does the SDK offer methods to do this?

How to scale down a UIImage and make it crispy / sharp at the same time instead of blurry?

How do I make a background image fit the view but keep its aspect ratio when using `&lt;bitmap /&gt;` as a background drawable XML?
None of `&lt;bitmap&gt;`&#39;s `android:gravity` values gives the desired effect.

Scale image keeping its aspect ratio in background drawable

See http://jsfiddle.net/aJ333/1/ in Chrome and then in either Firefox or Internet Explorer. The image is originally 120px, and I&#39;m scaling down to 28px, but it looks bad pretty much no matter what you scale it down to.

The image is a PNG and it has an alpha channel (transparency).

Here&#39;s the relevant code:

HTML:

    &lt;a href=&quot;http://tinypic.com?ref=2z5jbtg&quot; target=&quot;_blank&quot;&gt;
        &lt;img src=&quot;http://i44.tinypic.com/2z5jbtg.png&quot; border=&quot;0&quot; alt=&quot;Image and video hosting by TinyPic&quot;&gt;
    &lt;/a&gt;​

CSS:

    a {
        width: 28px;
        height: 28px;
        display: block;
    }

    img {
        max-width: 100%;
        max-height: 100%;
        image-rendering: -moz-crisp-edges;
        -ms-interpolation-mode: bicubic;
    }

The `image-rendering` and `-ms-interpolation-mode` lines of CSS didn&#39;t seem to do anything, but I found them online while doing some research on the problem.

Image scaling causes poor quality in firefox/internet explorer but not chrome

I can&#39;t tell the difference between `ImageView.ScaleType.CENTER_INSIDE` and `ImageView.ScaleType.FIT_CENTER`.

`CENTER_INSIDE`

&gt; Scale the image uniformly (maintain the image&#39;s aspect ratio) so that both dimensions (width and height) of the image will be equal to or less than the corresponding dimension of the view (minus padding). 

`FIT_CENTER`

&gt; Compute a scale that will maintain the original src aspect ratio, but will also ensure that src fits entirely inside dst. At least one axis (X or Y) will fit exactly. The result is centered inside dst.


Can someone illuminate the difference between the two?

What&#39;s the difference between CENTER_INSIDE and FIT_CENTER scale types?

I am using an embedded font for the top navigational elements on a site
`Helvetica65` and at `16px` it is the perfect WIDTH but I need it to be
about `90%` of it&#39;s current height.

In Photoshop, the solution is simple - adjust the vertical scaling.

Is there a way to do essentially the same thing using CSS? And if so, how
well is it supported?

Here is a [jsFiddle][1] of the basic nav coding. 


  [1]: http://jsfiddle.net/Jd5Y7/

Is it possible to adjust a font&#39;s vertical scaling using CSS?

I am loading an image to an imageview with mode as &#39;Aspect Fit&#39;. I need to know the size to which my image is being scaled to. Please help.

How to know the image size after applying aspect fit for the image in an UIImageView

How would I go implementing a fixed aspect ratio `View`? I&#39;d like to have items with 1:1 aspect ratio in a `GridView`. I think it&#39;s better to subclass the children than the `GridView`?

EDIT: I assume this needs to be done programmatically, that&#39;s no problem. Also, I don&#39;t want to limit the size, only the aspect ratio.

Fixed aspect ratio View

If not, is there a list of screen resolutions for the most popular Android phones and tablets.

Is there a list of screen resolutions for all Android based phones and tablets?

I seen in many posts for resizing the image by keeping aspect ratio. These functions uses the fixed points(Width and Height) for RECT while resizing. But in my project, I need to resize the view based on the Width alone, Height should be taken automatically based on the aspect ratio.
anyone help me to achieve this.

Resize UIImage by keeping Aspect ratio and width

I need to convert a bunch of video files using FFmpeg. I run a Bash file that converts all the files nicely, however there is a problem if a file converted is not in 16:9 format.

As I am fixing the size of the screen to -s 720x400, if the aspect ratio of the original is 4:3, FFmpeg creates a 16:9 output file, screwing up the aspect ratio.

Is there a setting that allows setting an aspect ratio as the main parameter, with size being adjusted (for example, by fixing an X or Y dimension only)?


Content Type	Original Author	Original Content on Stackoverflow
Question	Miral	View Question on Stackoverflow
Solution 1 - Layout	Phrogz	View Answer on Stackoverflow

How to scale SVG image to fill browser window?

Layout Problem Overview

Layout Solutions

Solution 1 - Layout

Backbone.View "el" confusion

Using Git, show all commits that exist only on one specific branch, and not any others

Attributions