`content` doesn&#39;t support HTML, only text. You should probably use javascript, jQuery or something like that. 

Another problem with your code is `&quot;` inside a `&quot;` block. You should mix `&#39;` and `&quot;` (`class=&#39;headingDetail&#39;`).

If `content` did support HTML you could end up in an infinite loop where `content` is added inside `content`.

I&#39;m trying to save a object to my database, but it&#39;s throwing a `MultiValueDictKeyError` error.

The problems lies within the form, the `is_private` is represented by a checkbox. If the check box is NOT selected, obviously nothing is passed. This is where the error gets chucked.

How do I properly deal with this exception, and catch it? 

The line is

    is_private = request.POST[&#39;is_private&#39;]


django MultiValueDictKeyError error, how do I deal with it

Suppose, you have a data.frame like this: 

    x &lt;- data.frame(v1=1:20,v2=1:20,v3=1:20,v4=letters[1:20])

How would you select only those columns in x that are numeric? 

Selecting only numeric columns from a data frame

I&#39;m wondering if the following is possible. I know it doesn&#39;t work, but maybe I&#39;m not writing it in the correct syntax.

    li.first div.se_bizImg:before{
    	content: &quot;&lt;h1&gt;6 Businesses Found &lt;span class=&quot;headingDetail&quot;&gt;(view all)&lt;/span&gt;&lt;/h1&gt;&quot;;
    }

Any way of doing this?

Using :before and :after CSS selector to insert HTML

I'm wondering if the following is possible. I know it doesn't work, but maybe I'm not writing it in the correct syntax.
<pre><code class="hljs language-css">li.first div.se_bizImg:before{
	content: "&#x3C;h1>6 Businesses Found &#x3C;span class="headingDetail">(view all)&#x3C;/span>&#x3C;/h1>";
}
</code></pre>
Any way of doing this?

I have a `&lt;select&gt;` element with the `multiple` attribute. How can I get this element&#39;s selected values using JavaScript? 

Here&#39;s what I&#39;m trying:

    function loopSelected() { 
        var txtSelectedValuesObj = document.getElementById(&#39;txtSelectedValues&#39;);
        var selectedArray = new Array();
        var selObj = document.getElementById(&#39;slct&#39;); 
        var i;
        var count = 0;
        for (i=0; i&lt;selObj.options.length; i++) { 
            if (selObj.options[i].selected) {
                selectedArray[count] = selObj.options[i].value;
                count++; 
            } 
        } 
        txtSelectedValuesObj.value = selectedArray;
    }

How to get all selected values of a multiple select box?

Is iframe height=100% supported in all browsers?

I am using doctype as:

    &lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot;
       &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;

In my iframe code, if I say:

    &lt;iframe src=&quot;xyz.pdf&quot; width=&quot;100%&quot; height=&quot;100%&quot; /&gt;

I mean will it actually take the height of the remaining page (as there is another frame on top with fixed height of 50px)
Is this supported in all major browsers (IE/Firefox/Safari) ?


Also regarding scrollbars, even though I say `scrolling=&quot;no&quot;`, I can see disabled scrollbars in Firefox...How do I completely hide scrollbars and set the iframe height automatically?





Full-screen iframe with a height of 100%

I have heard many times that using JavaScript events, such as `onClick()`, in HTML is a bad practice, because it&#39;s not good for semantics. I would like to know what the downsides are and how to fix the following code?


    &lt;a href=&quot;#&quot; onclick=&quot;popup(&#39;/map/&#39;, 300, 300, &#39;map&#39;); return false;&quot;&gt;link&lt;/a&gt;

Why is using onClick() in HTML a bad practice?

What would be the best and most semantic tag/method for including a copyright notice in the footer of a web site?



Correct Semantic tag for copyright info - html5

I&#39;d like to know if the POST method on HTTP sends data as a QueryString, or if it use a special structure to pass the data to the server. 

In fact, when I analyze the communication with POST method from client to server (with Fiddler for example), I don&#39;t see any QueryString, but a Form Body context with the name/value pairs.

Do HTTP POST methods send data as a QueryString?

I&#39;m trying to give a div (position: fixed) the width of 100% (relating to it&#39;s parent div). But I&#39;ve got some problems...

EDIT:
**The first problem is sovled by using inherit, but it still doesn&#39;t work. I think the problem is that I&#39;m using multiple divs that take the 100%/inherit width.
You can find the second problem on the jsfiddle update: http://jsfiddle.net/4bGqF/7/**

Fox example

    #container {
    	width: 800px;
    }
    
    #fixed {
    	position: fixed;
    	width: 100%;
    }
and the html

    &lt;div id=&quot;container&quot;&gt;
    	&lt;div id=&quot;fixed&quot;&gt;Sitename&lt;/div&gt;
    	&lt;p&gt;
    		blaat
    	&lt;/p&gt;
    &lt;/div&gt;

Or you can try it out: http://jsfiddle.net/4bGqF/

The problems seems to be that the **fixed element is always taking the width of the window/document**. Does anyone know how the fix this?

I can&#39;t give my fixed element a fixed with, because I&#39;m using the jScrollPane plugin. It depends on the content whether there&#39;s a scrollbar or not.

Thanks a lot!

PS: The text of the 2 divs are on top of each other. This is just an example so that doesn&#39;t really matter.



Set width of a &quot;Position: fixed&quot; div relative to parent div

I&#39;m just messing around with some HTML5, and I was trying to center a video on the page. For some reason I can&#39;t get it to center. I&#39;ve tried to add a class to the video tag itself, and I&#39;ve wrapped the video in a separate `div`. However, the video stays on the left.

    &lt;!DOCTYPE HTML&gt;
    &lt;html&gt;
      &lt;head&gt;
        &lt;title&gt;Test&lt;/title&gt;
        &lt;script type=&quot;text/css&quot;&gt;
        .center {
          margin: 0 auto;
        }
        &lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
        &lt;div class=&quot;center&quot;&gt;
          &lt;video controls=&quot;controls&quot;&gt;
            &lt;source src=&quot;/media/MVI_2563.ogg&quot; type=&quot;video/ogg&quot; /&gt;
            Your browser does not support the video tag.
          &lt;/video&gt;
        &lt;/div&gt;
      &lt;/body&gt;
    &lt;/html&gt;

I know this must be something I&#39;m overlooking in the wee hours of the morning, but any help would be appreciated. 

Thanks

How to center HTML5 Videos?

I&#39;m trying to set the style of an `option` in a `select` dropdown menu in Google Chrome. It works in all browsers except IE9 and Chrome.

&lt;!-- begin snippet: js hide: false --&gt;

&lt;!-- language: lang-css --&gt;

    option.red {
        background-color: #cc0000; 
        font-weight: bold; 
        font-size: 12px; 
        color: white;
    }

&lt;!-- language: lang-html --&gt;

    &lt;select name=&quot;color&quot;&gt;
        &lt;option class=&quot;red&quot; value=&quot;red&quot;&gt;Red&lt;/option&gt;
        &lt;option value=&quot;white&quot;&gt;White&lt;/option&gt;
        &lt;option value=&quot;blue&quot;&gt;Blue&lt;/option&gt;
        &lt;option value=&quot;green&quot;&gt;Green&lt;/option&gt;
    &lt;/select&gt;

&lt;!-- end snippet --&gt;

Without using JavaScript, is there a way to set style to the options in Google Chrome? Once selected the background color does not display.

How to style a select tag&#39;s option element?

&gt; **Possible Duplicate:**  
&gt; [Word-wrap in a html table](https://stackoverflow.com/questions/1258416/word-wrap-in-a-html-table)  

&lt;!-- End of automatically inserted text --&gt;

This text behaves exactly the way I want on Google Chrome (and other modern browsers):

    &lt;div style=&quot;border: 1px solid black; width:100%; word-wrap: break-word;&quot;&gt;
      &lt;p&gt;
        aaaaaaaaaaaaaaaa
        bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
      &lt;/p&gt;
    &lt;/div&gt;

 1. When the browser is wide enough, a+ and b+ are on the same line. 

        aaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
 
 2. As you narrow the browser, a+ and b+ are put on separate lines.

        aaaaaaaaaaaaaaaa
        bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb

 3. When b+ can no longer fit, it is broken and put on two lines (for a total of three lines).

        aaaaaaaaaaaaaaaa
        bbbbbbbbbbbbbbbbbbbbbbbb
        bbbbbbbb

That&#39;s all great.

In my situation, however, this is not a `div` but a `table`, like so:

    &lt;table style=&quot;border:1px solid black; width:100%; word-wrap:break-word;&quot;&gt;
      &lt;tr&gt;
        &lt;td&gt;
          &lt;p&gt;
            aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
            bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
          &lt;/p&gt;
        &lt;/td&gt;
      &lt;/tr&gt;
    &lt;/table&gt;

In this case, #1 and #2 happen, but not #3. That is, the table stops narrowing after step 2 and step 3 doesn&#39;t ever happen. The break-word doesn&#39;t seem to be filtering down.

Does anyone know how make #3 happen?  The solution only need work in Chrome, but it it also worked in other browsers that would be even better.

P.S. &quot;Don&#39;t use tables&quot; is not helpful.

Using &quot;word-wrap: break-word&quot; within a table

The &lt;a href=&quot;http://www.w3.org/TR/css3-selectors/#the-user-action-pseudo-classes-hover-act&quot;&gt; &lt;b&gt;CSS3 doc&lt;/b&gt;&lt;/a&gt; talks about :hover and :focus, which seem exactly the same to me. What are the differences between the two? What am I not seeing?

Thanks!

Differences between CSS3 :hover and :focus?

I have `&lt;div id=&#39;mydiv&#39;&gt;` and I need to select all `pre` and `div` elements that are children of `#mydiv`.

I could do it this way:

    div#mydiv &gt; pre, div#mydiv &gt; div

but, can it be done so that `#mydiv` is referenced only once?

    div#mydiv &gt; pre, div

will select all `div`s on the page regardless if they&#39;re children of `#mydiv`,  so the comma isn&#39;t a way to do it. Maybe there&#39;s another kind of syntax I don&#39;t know about?


How to select multiple elements that are children of given element?

I was wondering if it is possible to specify elements in CSS where an attribute is equal to one of two values, something like this:

    input[type=text][type=password]

However this selector does not seem to work (I assume because specifying the same attribute twice is not valid), does anyone know how to do this?

Attribute selector where value equals either A or B?

    &lt;ul&gt;
        &lt;li class=&quot;list&quot;&gt;test1&lt;/li&gt;
        &lt;li class=&quot;list&quot;&gt;test2&lt;/li&gt;
        &lt;li class=&quot;list&quot;&gt;test3&lt;/li&gt;
        &lt;li&gt;test4&lt;/li&gt;
    &lt;/ul&gt;

How do I select the &quot;last child&quot; with the class name: &lt;strong&gt;list&lt;/strong&gt;?



    &lt;style&gt;
        ul li.list:last-child{background-color:#000;}
    &lt;/style&gt;

I know the example above doesn&#39;t work, but is there anything similar to this that does work?

&lt;strong&gt;IMPORTANT:&lt;/strong&gt;

a) I can&#39;t use `ul li:nth-child(3)`, because it could happen that it&#39;s on the fourth or fifth place too.

b) No JavaScript.

How do I select the &quot;last child&quot; with a specific class name in CSS?

Is it possible to use the CSS3 selector `:first-of-type` to select the first element with a given class name? I haven&#39;t been successful with my test so I&#39;m thinking it&#39;s not?

**The Code (http://jsfiddle.net/YWY4L/):**

&lt;!-- begin snippet: js hide: false console: true babel: false --&gt;

&lt;!-- language: lang-css --&gt;

    p:first-of-type {color:blue}
    p.myclass1:first-of-type {color:red}
    .myclass2:first-of-type {color:green}

&lt;!-- language: lang-html --&gt;

    &lt;div&gt;
      &lt;div&gt;This text should appear as normal&lt;/div&gt;
      &lt;p&gt;This text should be blue.&lt;/p&gt;
      &lt;p class=&quot;myclass1&quot;&gt;This text should appear red.&lt;/p&gt;
      &lt;p class=&quot;myclass2&quot;&gt;This text should appear green.&lt;/p&gt;
    &lt;/div&gt;

&lt;!-- end snippet --&gt;

Content Type	Original Author	Original Content on Stackoverflow
Question	Vik	View Question on Stackoverflow
Solution 1 - Html	Erik Martino	View Answer on Stackoverflow

Using :before and :after CSS selector to insert HTML

Html Problem Overview

Html Solutions

Solution 1 - Html

Selecting only numeric columns from a data frame

django MultiValueDictKeyError error, how do I deal with it

Attributions