    /* cellpadding */
    th, td { padding: 5px; }

    /* cellspacing */
    table { border-collapse: separate; border-spacing: 5px; } /* cellspacing=&quot;5&quot; */
    table { border-collapse: collapse; border-spacing: 0; }   /* cellspacing=&quot;0&quot; */

    /* valign */
    th, td { vertical-align: top; }

    /* align (center) */
    table { margin: 0 auto; }

This should solve your problem:

    td {
        /* &lt;http://www.w3.org/wiki/CSS/Properties/text-align&gt;
         * left, right, center, justify, inherit
         */
        text-align: center;
        /* &lt;http://www.w3.org/wiki/CSS/Properties/vertical-align&gt;
         * baseline, sub, super, top, text-top, middle,
         * bottom, text-bottom, length, or a value in percentage
         */
        vertical-align: top;
    }

On particular table

&lt;!-- begin snippet: js hide: false --&gt;

&lt;!-- language: lang-html --&gt;

    &lt;table style=&quot;border-collapse: separate; border-spacing: 10px;&quot; &gt;
        &lt;tr&gt;
          &lt;td&gt;Hi&lt;/td&gt;
          &lt;td&gt;Hello&lt;/td&gt;
        &lt;tr/&gt;
        &lt;tr&gt;
          &lt;td&gt;Hola&lt;/td&gt;
          &lt;td&gt;Oi!&lt;/td&gt;
        &lt;tr/&gt;
    &lt;/table&gt;

&lt;!-- end snippet --&gt;



   Alternatively, can use for particular table

     &lt;table style=&quot;width:1000px; height:100px;&quot;&gt;
        &lt;tr&gt;
            &lt;td align=&quot;center&quot; valign=&quot;top&quot;&gt;Text&lt;/td&gt; //Remove it
            &lt;td class=&quot;tableFormatter&quot;&gt;Text&gt;&lt;/td&gt;
        &lt;/tr&gt;
    &lt;/table&gt;


Add this css in external file

    .tableFormatter
    {
    width:100%;
    vertical-align:top;
    text-align:center;
    }

I wonder how can I format my code to align it neatly? Does it have a feature similar to Eclipse&#39;s &lt;kbd&gt;ctrl&lt;/kbd&gt;&lt;kbd&gt;shift&lt;/kbd&gt;&lt;kbd&gt;f&lt;/kbd&gt;?


How to format code in Xcode?

    FBFriendModel.find({
	    id: 333
	}, function (err, docs) {
	    docs.remove(); //Remove all the documents that match!
	});

The above doesn&#39;t seem to work. The records are still there. 

Can someone fix?

How do I remove documents using Node.js Mongoose?

In **Visual Studio**, I&#39;m seeing these warnings:

&gt; - Validation (HTML 5): Attribute &#39;cellpadding&#39; is not a valid attribute of element &#39;table&#39;.
&gt; - Validation (HTML 5): Attribute &#39;cellspacing&#39; is not a valid attribute of element &#39;table&#39;.
&gt; - Validation (HTML 5): Attribute &#39;valign&#39; is not a valid attribute of element &#39;td&#39;.
&gt; - Validation (HTML 5): Attribute &#39;align&#39; is not a valid attribute of element &#39;td&#39;.

If they are not valid attributes in **HTML5**, what replaces them in CSS?

What replaces cellpadding, cellspacing, valign, and align in HTML5 tables?

In Visual Studio, I'm seeing these warnings:
> - Validation (HTML 5): Attribute 'cellpadding' is not a valid attribute of element 'table'.
> - Validation (HTML 5): Attribute 'cellspacing' is not a valid attribute of element 'table'.
> - Validation (HTML 5): Attribute 'valign' is not a valid attribute of element 'td'.
> - Validation (HTML 5): Attribute 'align' is not a valid attribute of element 'td'.
If they are not valid attributes in HTML5, what replaces them in CSS?

I&#39;m trying to parse the following HTML file, I&#39;d like the get the value of key. This is being done on Silverlight for Windows phone.

    &lt;HTML&gt;
    &lt;link ref=&quot;shortcut icon&quot; href=&quot;favicon.ico&quot;&gt;
    &lt;BODY&gt;
    &lt;script Language=&quot;JavaScript&quot;&gt;
    location.href=&quot;login.html?key=UEFu1EIsgGTgAV7guTRhsgrTQU28TImSZkYhPMLj7BChpBkvlCO11aJU2Alj4jc5&quot;
    &lt;/script&gt;
    &lt;CENTER&gt;&lt;a href=&quot;login.html?key=UEFu1EIsgGTgAV7guTRhsgrTQU28TImSZkYhPMLj7BChpBkvlCO11aJU2Alj4jc5&quot;&gt;Welcome&lt;/a&gt;&lt;/CENTER&gt;&lt;/BODY&gt;&lt;/HTML&gt;

any idea&#39;s on where to go from here?

thanks

Parsing HTML with c#.net

I am trying to make a button, such that when the user clicks on it, it changes its style while the mouse button is being held down. I also want it to change its style in a similar way if it is touched in a mobile browser. The seemingly-obvious thing to me was to use the CSS :active pseudo-class, but that didn&#39;t work. I tried :focus, and it didn&#39;t work too. I tried :hover, and it seemed to work, but it kept the style after I took my finger off the button. All of these observations were on an iPhone 4 and a Droid 2.

Is there any way to replicate the effect on mobile browsers (iPhone, iPad, Android, and hopefully others)? For now, I am doing something like this:

    &lt;style type=&quot;text/css&quot;&gt;
        #testButton {
            background: #dddddd;
        }
        #testButton:active, #testButton.active {
            background: #aaaaaa;
        }
    &lt;/style&gt;

    ...

    &lt;button type=&quot;button&quot; id=&quot;testButton&quot;&gt;test&lt;/button&gt;

    ...

    &lt;script type=&#39;text/javascript&#39; src=&#39;http://code.jquery.com/jquery-1.6.1.min.js&#39;&gt;&lt;/script&gt;
    &lt;script type=&#39;text/javascript&#39;&gt;
        $(&quot;*&quot;).live(&quot;touchstart&quot;, function() {
          $(this).addClass(&quot;active&quot;);
        }).live(&quot;touchend&quot;, function() {
          $(this).removeClass(&quot;active&quot;);
        });
    &lt;/script&gt;

The :active pseudo-class is for desktop browsers, and the active class is for touch browsers.

I am wondering if there is a simpler way to do it, without involving Javascript.

:touch CSS pseudo-class or something similar?

[Data URIs][1] are a standard way to embed images and other binary data in HTML, and browser support is well documented on the web. (IE8 was the first version of IE to support Data URI, with a max 32 KB size per URI; other major browsers have supported it even longer.)

My question is about desktop email and webmail client software.

When building HTML email, standard practice is either to include images as attachments or load them externally (i.e. tracking images). Both of these have disadvantages (some clients list all of these attached files, while many rightly block or require user action to see external images). So, Data URI looks like a good way to go, but only if it&#39;s supported by email readers.

So, does anyone have a link to a recent study of support for this feature? Or investigated this at all? For example, here&#39;s an [overview of CSS support][2]. Client software I&#39;d be interested includes: 

**Desktop** (including version info): Outlook, Apple Mail, Thunderbird, Evolution, Lotus Notes, AOL, Eudora

**Webmail:** Gmail, Live/Hotmail, Yahoo! Mail, AOL

**Mobile:** Android, iPhone

  [1]: http://en.wikipedia.org/wiki/Data_URI_scheme
  [2]: http://www.campaignmonitor.com/css/

What is Data URI support like in major email client software?

Ok so I want to pass a very basic array into a jquery data attrubute server side like so:

    &lt;div data-stuff=&quot;[&#39;a&#39;,&#39;b&#39;,&#39;c&#39;]&quot;&gt;&lt;/div&gt;


and then retreive like so:

    var stuff = $(&#39;div&#39;).data(&#39;stuff&#39;);
    
    alert(stuff[0]);


Why does this appear to alert &#39;[&#39; and not &#39;a&#39; (see JSfiddle link)

**JSFiddle Link :** http://jsfiddle.net/ktw4v/3/



How to pass an array into jQuery .data() attribute

&gt; **Possible Duplicate:**  
&gt; [HTML: What is the functionality of !DOCTYPE](https://stackoverflow.com/questions/1818587/html-what-is-the-functionality-of-doctype)  

&lt;!-- End of automatically inserted text --&gt;

I recently asked a question here and the solution was a simple:

&gt; You need to add a doctype to the page. This should fix the issue for you.

Now, my pages work fine in every browser without the doctype (except IE).  Does IE need a doctype (is this an IE only thing) and do other browsers just assume it ***OR*** or is it doing something I&#39;m not seeing.

What are its functions and how does it work?

Why do I need a doctype? (What does it do)

I am having an issue with line-height that I cannot quite get my head around.

The following code will center an image within a div:

&lt;h3&gt; CSS &lt;/h3&gt;

    .bar {
        height: 800px;
        width: 100%;
        line-height:800px;
        background-color: #000;
        text-align: center; 
    }

    .bar img {
        vertical-align: middle;   
    }

&lt;h3&gt; HTML &lt;/h3&gt;

    &lt;div class=&quot;bar&quot;&gt;
        &lt;img src=&quot;http://27.media.tumblr.com/yHWA4oxH870ulxnoH7CkOSDR_500.jpg&quot; alt=&quot;Foo Image&quot; /&gt;
    &lt;/div&gt;

However, if I change the line height to 100%, then the line height does not take effect (or at least does not become 100% of the div).

[Example jsfiddle](http://jsfiddle.net/aUeJz/3/)

Does anyone know what I am doing wrong?

line-height as a percentage not working

I have input and label fields:

    &lt;label class=&quot;adm&quot; for=&quot;UserName&quot;&gt;User name&lt;/label&gt;
    &lt;input class=&quot;adm&quot; id=&quot;UserName&quot; name=&quot;UserName&quot; size=&quot;30&quot; type=&quot;text&quot; value=&quot;&quot; /&gt;

and CSS:

    body,html { font-family: Verdana,Arial,Helvetica,sans-serif; margin:0; padding:0; color: #111;}
    label.adm  { font-size:0.9em; margin:0 0 3px 3px; display: block;}
    input.adm  { font-size:0.9em; margin:0 0 3px 3px; }

When the code opens up in Firefox the fonts are not the same. Firebug shows that both &quot;should&quot; inherit and when I look at computed it shows the label uses Verdana. However the input shows it uses &quot;MS Shell Dlg&quot;.

Can anyone explain what&#39;s happening and why it doesn&#39;t seem to obey the normal CSS rules?

&lt;input&gt; doesn&#39;t inherit the font from &lt;body&gt;

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&#39;m trying to create an overlay that overlays a page with a spinner in the middle.  What&#39;s the simplest way to accomplish this?  I only need to worry about IE 8 and above.

Overlay with spinner

When the Visual Basic compiler (Vbc.exe) crashes, Visual Studio fails to detect this and becomes stuck in an inoperable state. The &quot;Build&quot; menu appears as it would if the solution were building, but the Cancel Build (Ctrl+Break) menu item has no effect. Trying to close the application or the solution gives the error:

&gt; The build must be stopped before the solution can be closed.

I can&#39;t find any way to remedy this short of terminating the devenv.exe process and restarting Visual Studio completely. Is there anything quicker and less severe?

(Microsoft claims to have [fixed this bug](http://connect.microsoft.com/VisualStudio/feedback/details/95538/cancel-build-doesnt-work) in 2005, but I&#39;m experiencing it with VS2008.)


Visual Studio stuck at &quot;build must be stopped before the solution can be closed&quot;

I&#39;ve finished my C# application, but I have a little problem:

When I try to run my application in another PC, I need always to Install .NET Framework 4.0.

Is there something to do to make it work without installing the framework from internet?

I tried before [InnoSetup][1] for a VB6 application, but I&#39;m not sure if it&#39;s going to work for .NET 4.0!

Any ideas?

  [1]: http://www.jrsoftware.org/isinfo.php

Make an Installation program for C# applications and include .NET Framework installer into the setup

When I build my c++ solution in Visual Studio it complains that the xxxxx.pch file is missing. Is there a setting I am missing to get the pre-compiled headers back?

here is the exact error for completeness:

    Error	1	fatal error C1083: Cannot open precompiled header file: &#39;Debug\xxxxx.pch&#39;: No such file or directory

How to fix .pch file missing on build?

I have certain folders which I want to keep in the project but not to include it in publishing. 

Is that possible?

MS Visual Studio: How to exclude certain Project Folders from publishing?

I was previously using a dual-monitor setup with a 24&quot; monitor and my laptop&#39;s built-in monitor.

I&#39;ve since connected a 2nd 24&quot; monitor and am no longer using the laptop screen at all. (It is disabled).

In my regular view (coding, etc) the properties window, solution explorer, toolbox, etc were all visible and I just needed to move/resize them to fit the larger screen size.

Unfortunately this is no the case with the debugging view. I need to debug something and it appears my locals and other windows are off the edge of the screen. I&#39;ve tried Ctrl+D,L but it doesn&#39;t seem to want to bring it up.

I can&#39;t find anywhere in the menu a command to reset windows.

Any idea what I can do?

Visual Studio 2010, 2015 - windows off screen

    &lt;html&gt;
        &lt;style type=&quot;text/css&quot;&gt;
            .table   { display: table;}
            .tablerow  { display: table-row; border:1px solid black;}
            .tablecell { display: table-cell; }
        &lt;/style&gt;
        &lt;div class=&quot;table&quot;&gt;
            &lt;div class=&quot;tablerow&quot;&gt;
                &lt;div class=&quot;tablecell&quot;&gt;Hello&lt;/div&gt;
                &lt;div class=&quot;tablecell&quot;&gt;world&lt;/div&gt;
            &lt;/div&gt;
            &lt;div class=&quot;tablerow&quot;&gt;
                &lt;div class=&quot;tablecell&quot;&gt;foo&lt;/div&gt;
                &lt;div class=&quot;tablecell&quot;&gt;bar&lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/html&gt;


According to my understanding, a black border should be drawn on each of the rows which I&#39;ve specified via tablerow class. But the border doesn&#39;t come up.


And I wanted to change the height of a row. If I specify it with &#39;px&#39; -- it works. But, if I give it with a % -- won&#39;t work.I tried the following 


    .tablerow  { 
        display: table-row;
        border:1px solid black;
        position: relative; //not affecting anything and the border disappears!! 
        //position: absolute; // if this is set,the rows overlaps and the border works
        height: 40%; // works only if specified in px and not in %
    }


Something is going wrong somewhere, but I am not able to understand where. Please help!

css display:table not displaying the border

One of the columns in my table can contain a long text without whitespaces. How can I limit its width to, say, 150px? I don&#39;t want it to be 150px always (if it&#39;s empty it should be narrow), but if there is a long text I want it to be limited with 150px and the text to be wrapped.

Here is a test example: http://jsfiddle.net/Kh378/ (let&#39;s limit the 3rd column).

Thank you in advance.

**Update:**  
Setting this styles:

    word-wrap: break-word;
    max-width: 150px;
does not work in IE8 (tested on different computers) and I suppose it does not work in any version of IE.

How can I limit table column width?

Given the following HTML and CSS, I see absolutely nothing in my browser (Chrome and IE latest at time of writing). Everything collapses down to 0x0 px. Why?

    &lt;!DOCTYPE html&gt;
    &lt;html&gt;
    &lt;head&gt;
        &lt;style type=&quot;text/css&quot;&gt;
            section { display: table; height: 100%; background-color: grey; }
            
            #colLeft { display: table-column; height: 100%; background-color: green; }
            #colRight { display: table-column; height: 100%; background-color: red; }
            
            #row1 { display: table-row; height: 100%; }
            #row2 { display: table-row; height: 100%; }
            #row3 { display: table-row; height: 100%; }
            
            #cell1 { display: table-cell; height: 100%; }
            #cell2 { display: table-cell; height: 100%; }
            #cell3 { display: table-cell; height: 100%; }
        &lt;/style&gt;
    &lt;/head&gt;
    &lt;body&gt;
        &lt;section&gt;
            &lt;div id=&quot;colLeft&quot;&gt;
                &lt;div id=&quot;row1&quot;&gt;
                    &lt;div id=&quot;cell1&quot;&gt;
                        AAA
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div id=&quot;row2&quot;&gt;
                    &lt;div id=&quot;cell2&quot;&gt;
                        BBB
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            &lt;div id=&quot;colRight&quot;&gt;
                &lt;div id=&quot;row3&quot;&gt;
                    &lt;div id=&quot;cell3&quot;&gt;
                        CCC
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/section&gt;
    &lt;/body&gt;
    &lt;/html&gt;



How is a CSS &quot;display: table-column&quot; supposed to work?

I have a dynamic table in my web page that sometimes contains lots of rows. I know there are `page-break-before` and `page-break-after` CSS properties. 
Where do I put them in my code in order to force page breaking if needed?

How to apply CSS page-break to print a table with lots of rows?

I am trying to design a page where there are some tables. It seems that styling tables is much more painful than it ought to be.

The problem is the following: The tables should have a fixed height and display either white space at the bottom (when there is too little content) or a vertical scrollbar (when there is too much). Add to this that the tables have a header which should not scroll.

As far as I know, the `thead` not scrolling is the default behaviour for tables. And a stretching `tfoot` could serve well for the purpose of filling with white space. Sadly, it seems that every constraint I can put on the table height is cheerfully ignored. I have tried

    table {
        height: 600px;
        overflow: scroll;
    }

I have tried with `max-height`. I have tried to position the table absolutely and give both the top and bottom coordinates. I have tried to manually edit the height in Firebug to see if it was a problem with CSS specificity. I have tried to set the height on the `tbody` too. Fact is, **the table always stays exactly the same height as its content**, regardless of my efforts.

Of course I could fake a table with a div structure, but it actually **is** a table, and I fear using divs I may run into an issue where some columns may not be properly aligned.

&gt; How am I supposed to give a table a height?

Content Type	Original Author	Original Content on Stackoverflow
Question	Code Maverick	View Question on Stackoverflow
Solution 1 - Html	drudge	View Answer on Stackoverflow
Solution 2 - Html	Cole Tobin	View Answer on Stackoverflow
Solution 3 - Html	Xtian11	View Answer on Stackoverflow
Solution 4 - Html	JaiSankarN	View Answer on Stackoverflow

What replaces cellpadding, cellspacing, valign, and align in HTML5 tables?

Html Problem Overview

Html Solutions

Solution 1 - Html

Solution 2 - Html

Solution 3 - Html

Solution 4 - Html

How do I remove documents using Node.js Mongoose?

How to format code in Xcode?

Attributions