You can use the following css for Firefox 4.0+, Chrome 21+ and Opera 10.6+

&lt;!-- language: lang-css --&gt;

    textarea,
    pre {
        -moz-tab-size : 4;
          -o-tab-size : 4;
             tab-size : 4;
    }

What is the difference between `std::list&lt;std::pair&gt;` and `std::map`? Is there a `find` method for the list, too?

What is the difference between std::list&lt;std::pair&gt; and std::map in C++ STL?

I&#39;ve been using R for a little over a year now and it&#39;s been a successful venture. But all too often, I find that there is something that I can&#39;t figure out for lack of knowing how to find it or an example of it.

Stackoverflow, 

Could you recommend a pathway for learning R in a manner that provides one with a toolset at their disposal to solve problems of a statistical nature?

There&#39;s a wealth of knowledge on the internet, between the r-project website and the mailings lists but it seems to be &quot;everywhere&quot; and nowhere when you&#39;re actually looking for it.

For example, when I first started using R, I went through &quot;Intro to R&quot;. Then I read the language definition (which obviously hasn&#39;t sunk in). But every time I ask a question on Stackoverflow I&#39;m presented with some new badass function that is the solution to all my problems in the short term. My question is, how did you know these functions existed in the first place? And how does one go about finding them? Presumably, you read something or found some resources that detoured your learning to the exponential part of the curve. What was it? 

Obviously, R&#39;s functionality as a statistical tool is broad. For my own purposes I work mostly with economic or financial data. Hence, answers with this in mind would be most helpful. 



Learning R. Where does one Start?

By default tab symbol in textarea equals to the width of 8 spaces. Is it possible to change this value to 4 for example? 

I am mostly interested in using this in Chrome browser.

Is it possible to change width of tab symbol in textarea?

<p>By default tab symbol in textarea equals to the width of 8 spaces. Is it possible to change this value to 4 for example?</p>
<p>I am mostly interested in using this in Chrome browser.</p>


    &lt;form method=&quot;post&quot; action=&quot;confirm_login_credentials.php&quot;&gt;
        &lt;table&gt;
            &lt;tr&gt;
                &lt;td&gt;User ID:&lt;/td&gt;
                &lt;td&gt;&lt;input type=&quot;text&quot; id=&quot;uid&quot;&gt;&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
                &lt;td&gt;Password:&lt;/td&gt;
                &lt;td&gt;&lt;input type=&quot;text&quot; id=&quot;pass&quot;&gt;&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
                &lt;td colspan=&quot;2&quot; align=&quot;right&quot;&gt;
                    &lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;images/login.jpg&quot;&gt;&lt;/a&gt;
                &lt;/td&gt;
            &lt;/tr&gt;
        &lt;/table&gt;
    &lt;/form&gt;

I am using an image in place of a submit button. How can I submit the login details when the user clicks on the login image as a submit button does?

button image as form input submit button?

I&#39;m trying to set the default focus on an input box when the page loads (example: google).
My page is very simple, yet I can&#39;t figure out how to do this.

This is what I&#39;ve got so far:

    &lt;html&gt;
    &lt;head&gt;
     &lt;title&gt;Password Protected Page&lt;/title&gt;
     
     &lt;script type=&quot;text/javascript&quot;&gt;
     function FocusOnInput()
     {
     document.getElementById(&quot;PasswordInput&quot;).focus();
     }
     &lt;/script&gt;
     
     &lt;style type=&quot;text/css&quot; media=&quot;screen&quot;&gt;
      body, html {height: 100%; padding: 0px; margin: 0px;}
      #outer {width: 100%; height: 100%; overflow: visible; padding: 0px; margin: 0px;}
      #middle {vertical-align: middle}
      #centered {width: 280px; margin-left: auto; margin-right: auto; text-align:center;}
     &lt;/style&gt;
    &lt;/head&gt;
    &lt;body onload=&quot;FocusOnInput()&quot;&gt;
     &lt;table id=&quot;outer&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;
      &lt;tr&gt;&lt;td id=&quot;middle&quot;&gt;
       &lt;div id=&quot;centered&quot;&gt;
      &lt;form action=&quot;verify.php&quot; method=&quot;post&quot;&gt;
       &lt;input type=&quot;password&quot; name=&quot;PasswordInput&quot;/&gt;
      &lt;/form&gt;
       &lt;/div&gt;
      &lt;/td&gt;&lt;/tr&gt;
     &lt;/table&gt;
    &lt;/body&gt;
    &lt;/html&gt;

How come that doesn&#39;t work while this works fine?

    &lt;html&gt;
    &lt;head&gt;
    &lt;script type=&quot;text/javascript&quot;&gt;
    function FocusOnInput()
    {
         document.getElementById(&quot;InputID&quot;).focus();
    }
    &lt;/script&gt;
    &lt;/head&gt;
    
    &lt;body onload=&quot;FocusOnInput()&quot;&gt;
      &lt;form&gt;
           &lt;input type=&quot;text&quot; id=&quot;InputID&quot;&gt;
      &lt;/form&gt;
    &lt;/body&gt;
    
    &lt;/html&gt;

Help is much appreciated :-)



Setting focus on an HTML input box on page load

I want an HTML form to do nothing after it has been submitted.

    action=&quot;&quot;

is no good because it causes the page to reload.

Basically, I want an Ajax function to be called whenever a button is pressed or someone hits &lt;kbd&gt;Enter&lt;/kbd&gt; after typing the data. Yes, I could drop the form tag and add just call the function from the button&#39;s onclick event, but I also want the &quot;hitting enter&quot; functionality without getting all hackish.




Want HTML form submit to do nothing

How can I use jQuery to follow the cursor with a DIV?


jQuery - Follow the cursor with a DIV

How would I *cleanly* set the doctype of a file to HTML5 `&lt;!DOCTYPE html&gt;` via XSLT (in this case with [collective.xdv][1])

The following, which is the best my Google foo has been able to find:

	&lt;xsl:output
	    method=&quot;html&quot;
	    doctype-public=&quot;XSLT-compat&quot;
	    omit-xml-declaration=&quot;yes&quot;
	    encoding=&quot;UTF-8&quot;
	    indent=&quot;yes&quot; /&gt;

produces:


    &lt;!DOCTYPE html PUBLIC &quot;XSLT-compat&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;


  [1]: http://pypi.python.org/pypi/xdv#inline-xsl-directives

Set HTML5 doctype with XSLT

I have a table of users where each row contains their names, e-mail address, and such. For some users this row is one text line high, for some others two, etc. But I would like that each row of the table be one text line high, truncating the rest.

I saw these two questions:

  * https://stackoverflow.com/questions/2779779/a-column-of-a-table-needs-to-stay-in-one-line-html-css-javascript
  * https://stackoverflow.com/questions/1318108/css-limit-element-to-1-line

In fact my question is exactly similar to the first one, but since the link is dead I can&#39;t study it. Both answers say to use `white-space: nowrap`. However this doesn&#39;t work, maybe I&#39;m missing something.

Since I can&#39;t show you the code, I reproduced the problem:

    &lt;style type=&quot;text/css&quot;&gt;
    td {
    	white-space: nowrap;
    	overflow: hidden;
    	width: 125px;
    	height: 25px;
    }
    &lt;/style&gt;
    
    &lt;div style=&quot;width:500px&quot;&gt;
    &lt;table&gt;
    	&lt;tr&gt;
    		&lt;td&gt;lorem ipsum here... blablablablablablablablablabla&lt;/td&gt;
    		&lt;td&gt;lorem ipsum here... blablablablablablablablablabla&lt;/td&gt;
    		&lt;td&gt;lorem ipsum here... blablablablablablablablablabla&lt;/td&gt;
    		&lt;td&gt;lorem ipsum here... blablablablablablablablablabla&lt;/td&gt;
    	&lt;/tr&gt;
    &lt;/table&gt;
    &lt;/div&gt;

Without `white-space` the table is 500px wide, and the text takes more than one line.

But `white-space: nowrap` makes the browser simply ignore the `width` directive and increase the width of the table until all data fits in one line.

What am I doing wrong? 

How to limit a table cell to one line of text using CSS?

In CSS the `overflow:hidden` is set on parent containers in order to allow it to expand with the height of their floating children.  

But it also has another interesting feature when combined with `margin: auto`...

If PREVIOUS sibling is a floating element, it will actually appear juxtapose to it. That is if the sibling is `float:left` then the container with `float:none overflow:hidden` will appear to the right of the sibling, no newline - just as if it was floating in the normal flow. If the previous sibling is `float:right` then the container will appear to the left of the sibling. Resizing this container will accurately show it centered inbetween the floating elements. Say if you have two previous siblings, one `float:left` the other `float:right`, the container will appear centered inbetween the two.

So here&#39;s the **problem**...

 

&gt; **How do I maintain that type of layout WITHOUT masking children?**

Googling all over the web gives me ways on how to `clear:both` and expand a container... but I can&#39;t find any alternative solution to maintaining the left/right previous-child centering. If you make the container `overflow:visible` then the container suddenly ignores the layout flow of the floating elements and appears layered ontop of the floating element.


So **question**:

I have to have the container `overflow:hidden` to preserve layout... 

how can I make it so the children aren&#39;t masked? I need to have the child absolutely positioned relative to the parent outside the container.

OR

How do I `overflow:visible` so I can absolutely position a child relative to the parent outside the container... YET preserve the sibling float-like-layout-flow?

Make child visible outside an overflow:hidden parent

    &lt;html&gt;
      &lt;head&gt;
      &lt;/head&gt;
      &lt;body&gt;
        &lt;input type=&quot;text&quot; value=&quot;1&quot; style=&quot;min-width:1px;&quot; /&gt;
      &lt;/body&gt;
    &lt;/html&gt;

This is my code and it is not working. Is there any other way in HTML, JavaScript, PHP or CSS to set minimum width?

I want a text input field with a dynamically changing width, so that the input field fluids around its contents. Every input has a built-in padding of `2em`, that is the problem and second problem is that `min-width` ain&#39;t working on input at all.

If I set width more than it is needed than the whole program is messy, I need the width of 1px, more only if it&#39;s needed.

Adjust width of input field to its input

Can anyone explain how to remove the orange or blue border (outline) around text/input boxes? I think it only happens on Chrome to show that the input box is active. Here&#39;s the input CSS I&#39;m using:

```css
input {
    background-color: transparent;
    border: 0px solid;
    height: 20px;
    width: 160px;
    color: #CCC;
}
```

![Text box with blue outline and &quot;Example&quot; written in it][1]


  [1]: http://i.stack.imgur.com/HSKYf.png

How to remove focus border (outline) around text/input boxes? (Chrome)

Can I use the canvas element as a css background?

Use &lt;canvas&gt; as a CSS background

I&#39;m trying to eliminate the extra bottom margin that both FF and Chrome seem to give to Textareas. Surprisingly IE seems to do it correctly. I would like to avoid using conditional includes but CSS3 tweaks are OK.

**Sample Code**

&lt;!-- begin snippet: js hide: false --&gt;

&lt;!-- language: lang-css --&gt;

    .red-box {
        background-color: red;
        overflow: hidden;
    }
    textarea {
        border: solid 1px #ddd;
        margin: 0px; /* Has no effect */
    }

&lt;!-- language: lang-html --&gt;

    &lt;div class=&quot;red-box&quot;&gt;
        &lt;textarea&gt;No Margin Please!&lt;/textarea&gt;
    &lt;/div&gt;


&lt;!-- end snippet --&gt;



How do I fix inconsistent Textarea bottom margin in Firefox and Chrome?

My textarea contains C# code, so i get red underlines all over the place, is there any way to disable auto correction on a TEXTAREA in html code?

Thank

HTML - How can i disable auto text correction in my TEXTAREA?

Forgive me for asking such a simple question, I&#39;m new to both HTML and CSS.
Is there an easy way to center a textarea? I figured I&#39;d just try using

    textarea{
    	margin-left: auto;
    	margin-right: auto;
    }

but it (obviously?) didn&#39;t work.

How to center a textarea using CSS?

    &lt;textarea&gt; put returns between paragraphs
    for linebreak add 2 spaces at end
    indent code by 4 spaces
    quote by placing &gt; at start of line
    &lt;/textarea&gt;

    $text = value from this textarea;

**How to:**

 **1) Get each line from this textarea (`$text`) and work with them using `foreach()`?**

 **2) Add `&lt;br /&gt;` to the end of each line, except the last one?**

 **3) Throw each line to an array.**

**Important** - text inside textarea can be multilanguage.


----------
Have tried to use:

    $text = str_replace(&#39;\n&#39;, &#39;&lt;br /&gt;&#39;, $text);

But it doesn&#39;t work.


----------



Thanks.

Get each line from textarea

Every time I develop a new form that includes a `textarea` I have the following dilemma when I need to specify its dimensions:

Use **CSS** or use the `textarea`&#39;s attributes `cols` and `rows`?

What are the pros and cons of each method?

What are the semantics of using these attributes?

How is it usually done?

Should I size a textarea with CSS width / height or HTML cols / rows attributes?

I have my text editor to automatically trim trailing whitespace upon saving a file, and I am contributing to an open source project that has severe problems with trailing whitespace.

Every time I try to submit a patch I must first ignore all whitespace-only changes by hand, to choose only the relevant information. Not only that, but when I run `git rebase` I usually run into several problems because of them.

As such I would like to be able to add to index only non-whitespace changes, in a way similar that `git add -p` does, but without having to pick all the changes myself.

Does anyone know how to do this?

EDIT: I **cannot** change the way the project works, and they have decided, after discussing it on the mailing list, to ignore this.


Add only non-whitespace changes

I have a `UITextView` that takes an `NSString` with formatting `stringWithUTF8String`. It is getting its values from a database and I want the text in the database to be rendered with breaks within the text. I tried using `\n` to do this but it gets rendered as text. Doing this in my information page of the app as straight text worked but I think the reason its not working when taking it from the database is because of the formatting. 

Any suggestions?

Adding a line break to a UITextView

I&#39;m having a problem with a Ruby heredoc i&#39;m trying to make. It&#39;s returning the leading whitespace from each line even though i&#39;m including the - operator, which is supposed to suppress all leading whitespace characters. my method looks like this:

        def distinct_count
        &lt;&lt;-EOF
            \tSELECT
            \t CAST(&#39;#{name}&#39; AS VARCHAR(30)) as COLUMN_NAME
            \t,COUNT(DISTINCT #{name}) AS DISTINCT_COUNT
            \tFROM #{table.call}
        EOF
    end


and my output looks like this:


        =&gt; &quot;            \tSELECT\n            \t CAST(&#39;SRC_ACCT_NUM&#39; AS VARCHAR(30)) as
    COLUMN_NAME\n            \t,COUNT(DISTINCT SRC_ACCT_NUM) AS DISTINCT_COUNT\n
            \tFROM UD461.MGMT_REPORT_HNB\n&quot;


this, of course, is right in this specific instance, except for all the spaces between the first &quot; and \t.  does anyone know what i&#39;m doing wrong here?

How do I remove leading whitespace chars from Ruby HEREDOC?

How to remove duplicate white spaces (including tabs, newlines, spaces, etc...) in a string using Java?

How to remove duplicate white spaces in string using Java?

I don&#39;t know what I did but I don&#39;t know how to get rid of those arrows on the left.

![alt text][1]


  [1]: http://i.stack.imgur.com/xBwEu.jpg

Content Type	Original Author	Original Content on Stackoverflow
Question	serg	View Question on Stackoverflow
Solution 1 - Html	Mike	View Answer on Stackoverflow

Is it possible to change width of tab symbol in textarea?

Html Problem Overview

Html Solutions

Solution 1 - Html

Learning R. Where does one Start?

What is the difference between std::list<std::pair> and std::map in C++ STL?

Attributions