Block level elements (to which `h4` belongs) are not allowed inside inline elements, and will cause undefined behaviour. You can use `span` elements instead.

Only [inline elements][1] (except other label elements) may appear inside label elements. 

    &lt;!ELEMENT LABEL - - (%inline;)* -(LABEL) -- form field label text --&gt;

  — http://www.w3.org/TR/html4/interact/forms.html#h-17.9.1

It doesn&#39;t make sense to put headings there anyway.


  [1]: http://www.w3.org/TR/html4/sgml/dtd.html#inline

The `&lt;label&gt;` element in HTML is an inline level element and cannot contain block level elements.

This is probably what&#39;s causing your issues. Alternatively you can put your labels inside the `&lt;h4&gt;`&#39;s :

    &lt;tr&gt;&lt;td&gt;&lt;input type=&quot;checkbox&quot; name=&quot;entiries[]&quot; value=&quot;i1&quot; id=&quot;i1&quot;&gt;&lt;/td&gt;
    &lt;td&gt;&lt;
    &lt;h4&gt;&lt;label for=&quot;i1&quot;&gt;Some stuff&lt;/label&gt;&lt;/h4&gt;more stuff..
    &lt;h4&gt;&lt;label for=&quot;i1&quot;&gt;Some stuff&lt;/label&gt;&lt;/h4&gt;more stuff..
    &lt;/label&gt;
    &lt;/td&gt;&lt;/tr&gt;



[Here on MDN they explain exactly why NOT to use headings inside a label tag][1]:

&gt; Placing heading elements within a &lt;label&gt; interferes with many kinds of assistive technology, because headings are commonly used as a navigation aid. If the label&#39;s text needs to be adjusted visually, use CSS classes applied to the &lt;label&gt; element instead.

  [1]: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label#headings

I have a list of commands (i, h, t, etc) that the user will be entering on a command line/terminal Java program. I would like to store a hash of command/method pairs:

    &#39;h&#39;, showHelp()
    &#39;t&#39;, teleport()


So that I can have code something like:

    HashMap cmdList = new HashMap();

    cmdList.put(&#39;h&#39;, showHelp());
    if(!cmdList.containsKey(&#39;h&#39;))
        System.out.print(&quot;No such command.&quot;)
    else
       cmdList.getValue(&#39;h&#39;)   // This should run showHelp().

Is this possible? If not, what is an easy way to this?


How to call a method stored in a HashMap? (Java)

I&#39;m having some difficulty cloning my mercurial repository over ssh.

Here&#39;s what I have tried:

    hg clone ssh://username@username.webfactional.com/path/to/projectname projectname

It&#39;s giving me this error:

    remote: bash: hg: command not found
    abort: no suitable response from remote hg!

hg is installed on the server, however.

I was trying to follow the instructions on [this website](http://echoreply.us/tuto/mercurial_site_management.html).


Cloning a Mercurial repository over SSH

I have a table in a page that consists of checkboxes in the cells on the left and descriptions in the cells on the right. The &quot;description&quot; contains h4 headers and plain text. I want to make that whole description (everything inside `&lt;td&gt;&lt;/td&gt;`) a label.

So each row looks like this:

    &lt;tr&gt;&lt;td&gt;&lt;input type=&quot;checkbox&quot; name=&quot;entiries[]&quot; value=&quot;i1&quot; id=&quot;i1&quot;&gt;&lt;/td&gt;
    &lt;td&gt;&lt;label for=&quot;i1&quot;&gt;
    &lt;h4&gt;Some stuff&lt;/h4&gt;more stuff..
    &lt;h4&gt;Some stuff&lt;/h4&gt;more stuff..
    &lt;/label&gt;
    &lt;/td&gt;&lt;/tr&gt;

This does not work however, the text does not act like a label and is not clickable. I&#39;m using Firefox 3.6 to test it. If I remove `&lt;h4&gt;` tags it starts working, but that complicates formatting. Is there something about `&lt;h*&gt;` tags that prevents `&lt;label&gt;` from working correctly?

HTML tags inside &lt;label&gt;

I have a table in a page that consists of checkboxes in the cells on the left and descriptions in the cells on the right. The "description" contains h4 headers and plain text. I want to make that whole description (everything inside <code>&#x3C;td>&#x3C;/td></code>) a label.
So each row looks like this:
<pre><code class="hljs language-php-template">&#x3C;tr>&#x3C;td>&#x3C;input type="checkbox" name="entiries[]" value="i1" id="i1">&#x3C;/td>
&#x3C;td>&#x3C;label for="i1">
&#x3C;h4>Some stuff&#x3C;/h4>more stuff..
&#x3C;h4>Some stuff&#x3C;/h4>more stuff..
&#x3C;/label>
&#x3C;/td>&#x3C;/tr>
</code></pre>
This does not work however, the text does not act like a label and is not clickable. I'm using Firefox 3.6 to test it. If I remove <code>&#x3C;h4></code> tags it starts working, but that complicates formatting. Is there something about <code>&#x3C;h*></code> tags that prevents <code>&#x3C;label></code> from working correctly?

I have started the painful first steps of using emacs to edit an HTML file with both HTML tags and javascript content.   I have installed nxhtml and tried using it - i.e set up to use nxhtml-mumamo-mode for .html files.  But I am not loving it.   When I am editing the Javascript portion of the code the tab indents do not behave as they do when editing C/C++ code.  It starts putting tabs within the line and if you try and hit tab in the white space preceding a line it inserts the tab rather than re-tabifying the line.

Another aspect that I don&#39;t like is that it doesn&#39;t do syntax colouring like the usual C/C++ modes do.  I much prefer the behaviour of the default java-mode when editing HTML files but that doesn&#39;t play nicely with the HTML code. :-(

1) Is there a better mode for editing HTML files with Javascript portions?

2) Is there a way to get nxhtml to use the default java-mode for the javascript portions?

Regards,

M


How do I configure emacs for editing HTML files that contain Javascript?

I want to place div that has  absolute position in center of the screen view (scrolled or not scrolled).

I have this but its places div in mid od the document and not mid of current view.

    #main {
        width: 140px;
        height:100px;
        border: 1px solid Black;
        text-align: left;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left:-70px;
        margin-top:-50px;   
    }

Position absolute div in center of screen view

Here is what I am trying to accomplish in HTML/CSS:

I have images in different heights and widths, but they are all under 180x235. So what I want to do is create a `div` with `border` and `vertical-align: middle` them all. I have successfully done that but now I am stuck on how to properly a href link the entire `div`. 

Here is my code:

    &lt;div id=&quot;parentdivimage&quot; style=&quot;position:relative;width:184px;height:235px;border-width:2px;border-color:black;border-style:solid;text-align:center;&quot;&gt;
        &lt;div id=&quot;childdivimage&quot; style=&quot;position:absolute;top:50%;height:62px;margin-top:-31px;&quot;&gt;
            &lt;img src=&quot;myimage.jpg&quot; height=&quot;62&quot; width=&quot;180&quot;&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;

Please note that for the sake of copy pasting here easily, the style code is inline.

I read somewhere that I can simply add another parent div on top of the code and then do a href inside that. However, based on some research it won&#39;t be valid code. 

So to sum it up again, I need the entire div (`#parentdivimage`) to be a href link. 

a href link for entire div in HTML/CSS

Consider the [following code][1]:

HTML:

    &lt;div&gt;
        &lt;label for=&#39;name&#39;&gt;Name:&lt;/label&gt;
        &lt;input type=&#39;text&#39; id=&#39;name&#39; /&gt;
    &lt;/div&gt;

CSS:

    div {
        height: 50px;
        border: 1px solid blue;
    }

What would be the easiest method to put the `label` and the `input` in the middle of the `div` (vertically) ?

  [1]: http://jsfiddle.net/s2qBw/3/

CSS: How to align vertically a &quot;label&quot; and &quot;input&quot; inside a &quot;div&quot;?

    &lt;input type=&quot;checkbox&quot; onclick=&quot;onClickHandler()&quot; onchange=&quot;onChangeHandler()&quot; /&gt;

From within `onClickHandler` and/or `onChangeHandler`, how can I determine what is the new state of the checkbox?

Getting value of HTML Checkbox from onclick/onchange events

Can someone please point me towards some nice resources for understanding and using nested classes? I have some material like Programming Principles and things like this [*IBM Knowledge Center - Nested Classes*](https://www.ibm.com/support/knowledgecenter/en/SSLTBW_2.1.0/com.ibm.zos.v2r1.cbclx01/cplr061.htm)

But I&#39;m still having trouble understanding their purpose. Could someone please help me?

Why would one use nested classes in C++?

Why doesn&#39;t the following work?

    SELECT name FROM (SELECT name FROM agentinformation)

I guess my understanding of SQL is wrong, because I would have thought this would return the same thing as  

    SELECT name FROM agentinformation

Doesn&#39;t the inner select statement create a result set which the outer SELECT statement then queries?

Nested select statement in SQL Server

Why this query doesn&#39;t work? :( I tried to replace nested IF statement &quot;...SET lkey = IF(lkey &gt;= 11, lkey - 5, IF(lkey &gt; 5, lkey + 2,lkey))&quot;


    UPDATE pages
    SET lkey = CASE lkey WHEN lkey &gt;= 11 THEN
    		lkey - 5
    	ELSE
    		CASE lkey WHEN lkey &gt; 5 THEN
    			lkey + 2
    		ELSE
    			lkey
    		END
    	END,
    	rkey = CASE lkey WHEN lkey &gt;= 11 THEN
    		rkey - 5
    	ELSE
    		CASE rkey WHEN rkey &lt; 11 THEN
    			rkey + 2
    		ELSE
    			rkey
    		END
    	END
    WHERE rkey &gt; 5 AND
    	lkey &lt; 12;



CASE statement in SQLite query

I&#39;m using LESS to improve my CSS and am trying to nest a class within a class. There&#39;s a fairly complicated hierarchy but for some reason my nesting doesn&#39;t work.
I have this:

    .g {
        float: left;
        color: #323a13;
        .border(1px,#afc945);
        .gradient(#afc945, #c8da64);
        .common;
        span {
            .my-span;
    	    .border-dashed(1px,rgba(255,255,255,0.3));
        }
        .posted {
             .my-posted;
             span {
    	        border: none;
             }
        }
    }

I can&#39;t get the `.g.posted` to work. it just shows the `.g` bit.
If i do this it&#39;s fine:

    .g {
        float: left;
        color: #323a13;
        .border(1px,#afc945);
        .gradient(#afc945, #c8da64);
        .common;
        span {
            .my-span;
    	    .border-dashed(1px,rgba(255,255,255,0.3));
        }
    }
    
    .g.posted {
             .my-posted;
             span {
    	        border: none;
             }
        }

I&#39;d like to nest the `.posted` in `.g` though. Any ideas?


LESS CSS nesting classes

I hope someone can help me with this Javascript.

I have an Object called &quot;Settings&quot; and I would like to write a function that adds new settings to that object.

The new setting&#39;s name and value are provided as strings. The string giving the setting&#39;s name is then split by the underscores into an array. The new setting should get added to the existing &quot;Settings&quot; object by creating new nested objects with the names given by each part of the array, except the last part which should be a string giving the setting&#39;s value. I should then be able to refer to the setting and e.g. alert its value. I can do this in a static way like this...

    var Settings = {};
    var newSettingName = &quot;Modules_Video_Plugin&quot;;
    var newSettingValue = &quot;JWPlayer&quot;;
    var newSettingNameArray = newSettingName.split(&quot;_&quot;);

    Settings[newSettingNameArray[0]] = {};
    Settings[newSettingNameArray[0]][newSettingNameArray[1]] = {};
    Settings[newSettingNameArray[0]][newSettingNameArray[1]][newSettingNameArray[2]] = newSettingValue;
    
    alert(Settings.Modules.Mediaplayers.Video.Plugin);

... the part that creates the nested objects is doing this ...

    Settings[&quot;Modules&quot;] = {};
    Settings[&quot;Modules&quot;][&quot;Video&quot;] = {};
    Settings[&quot;Modules&quot;][&quot;Video&quot;][&quot;Plugin&quot;] = &quot;JWPlayer&quot;;


However, as the number of parts that make up the setting name can vary, e.g. a newSettingName could be &quot;Modules_Floorplan_Image_Src&quot;, I&#39;d like to do this dynamically using a function such as...

    createSetting (newSettingNameArray, newSettingValue);

    function createSetting(setting, value) {
    	// code to create new setting goes here
    }

Can anyone help me work out how to do this dynamically?

I presume there has to be a for...loop in there to itterate through the array, but I haven&#39;t been able to work out a way to create the nested objects.

If you&#39;ve got this far thanks very much for taking the time to read even if you can&#39;t help.



Javascript: how to dynamically create nested objects using object names given by an array

Why doesn&#39;t the following work for me?

    &lt;script&gt;
        document.getElementById(&#39;lbltipAddedComment&#39;).innerHTML = &#39;Your tip has been submitted!&#39;;
    &lt;/script&gt;
    &lt;label id=&quot;lbltipAddedComment&quot;&gt;&lt;/label&gt;


Change label text using JavaScript

I just found out about using label s in JavaScript, such as:
    
    for (var i in team) {
        if(i === &quot;something&quot;) {
            break doThis: //Goto the label
        } else {
            doThat();
        }
    }

    doThis: //Label
    doIt();

I&#39;ve not heard about this until now and I can&#39;t find much information online about it and I&#39;m beginning to think there is a reason for that.

It seems to me like this is similar to a `GOTO` statement in other languages and would be considered bad practice. Would I be right in assuming this?

Is using labels in JavaScript bad practice?

I have a **`TextBox`** and a Label. After clicking a button, I execute the following code:

     label1.Content = textbox1.Text; 

My question is, how do I enable text wrapping of the label? There may be too much text to display on one line, and I want it to automatically wrap to multiple lines if that is the case.

How can I wrap text in a label using WPF?

According to the [Windows Applications Development with Microsoft .NET 4 70-511][1] Training Kit

What is the difference between the `Label` control and `TextBlock` control since both are content controls and just displaying text?


  [1]: http://www.microsoft.com/learning/en/us/exam.aspx?ID=70-511&amp;locale=en-us

Difference between Label and TextBlock

I have a label on my form which is on the right of the form. This label loads a dynamic text.

Sometimes the text that it loads is too long and the text crosses the border of the form, that is some of the text is out of the form.

I want to make the label to grow from right to left instead of left to right. How do I achieve this?


Content Type	Original Author	Original Content on Stackoverflow
Question	SaltyNuts	View Question on Stackoverflow
Solution 1 - Html	Tatu Ulmanen	View Answer on Stackoverflow
Solution 2 - Html	Quentin	View Answer on Stackoverflow
Solution 3 - Html	Jamie Dixon	View Answer on Stackoverflow
Solution 4 - Html	Wilt	View Answer on Stackoverflow

HTML tags inside <label>

Html Problem Overview

Html Solutions

Solution 1 - Html

Solution 2 - Html

Solution 3 - Html

Solution 4 - Html

Cloning a Mercurial repository over SSH

How to call a method stored in a HashMap? (Java)

Attributions