There are some nice screen measuring tools, like xScope. (I use this all the time.)
But in a browser like Chrome, you can right click Inspect Element, and as you hove over the element in the inspector, it tells you the current dimensions, which is handy too.
I have firebug also… I can open firebug on a pop up window.
Now I want to set style=“width:50” in a TD element in pop up window… …but firebug is not allowing adding TD attributes on live … Is there any workaround here ?
Is it possible adding style=“width:50” on live to check ?
Try right clicking on the popup and see if Firebug opens for that window. Otherwise, just put it straight into your style sheet. Anyhow, you need “width: 50px”—you need to set a unit value of some kind.
Yes. If you double click the styles on the right, you can edit them. But really, you need to put these styles in the style sheet eventually anyway, so I would do it from the start.
I use Web Developer Toolbar by chrispederick for Firefox for screen measurement. It has a very good ruler option under ‘Miscellaneous’ tab. Alternatively you can download and install a tool called ‘MB-Ruler - the triangular screen ruler’. Please make search in Google to find it. Thanks.
If you want to set the width in percents, you can do it just by trial and error. Or knowing the total width of the parent element (table) - you can calculate how much % of that width represents 50px.