My Stackoverflow site answers

For web application developers, do it make sense to list CSS/HTML (or any markup) on your CV, resume or LinkedIn profile?
It is useful when you are in starting level and small employers, do not require if you are in senior position and tring in big and MNC companies, because in big companies there is separate web designer and HTML developers are available to do that works.

How to make sure the CSS work fine with all browsers without eye testing on each broswer?

1. Make sure you declare a doc-type.
2. Use reset css.
3. Avoid using width and padding(left and right) on the same element where you can.
4. clean the code in HTML and css.
5. Don't use margin left and right when floating elements and use its parent overflow:hidden, display:inline and height: 1% if the parent does not already have a height.
6. Don't give an element both margin-top or margin-bottom but only margin-top or
   margin-bottom. Because margins of adjacent elements collapse into one another, making the positioning somewhat unpredictable for novices.
7. Don't rely on z-index unless your scripting needs it.

< !--[if lt IE 9]>

< ![endif]-->
< script type="text/javascript" src="js/html5shiv.js" >

< script type="text/javascript" src="js/html5.js" >
you can download shiv.js form this browser compact
browser compatibility testing tools:
http://crossbrowsertesting.com/
http://browsershots.org/
http://www.browsercam.com/
http://caniuse.com
http://www.findmebyip.com/litmus/

HTML colspan in CSS

if you use div and span it will occupy more code size when the datagrid-table row are more in volume. This below code is checked in all browsers

HTML:

 id="gridheading">


Sl.No

class="big">Name

Location

column

column

column

Amount(Rs)

View

Edit

Delete

class="data">

01

class="big">test

TVM

A

I

4575

4575

class="data">

01

class="big">test

TVM

A

I

4575

4575

CSS:

#gridheading {
    background: #ccc;
    border-bottom: 1px dotted #BBBBBB;
    font-size: 12px;
    line-height: 30px;
    text-transform: capitalize;
}
.data {
    border-bottom: 1px dotted #BBBBBB;
    display: block;
    font-weight: normal;
    line-height: 20px;
    text-align: left;
    word-wrap: break-word;
}
 h4 {
    border-right: thin dotted #000000;
    display: table-cell;
    margin-right: 100px;
    text-align: center;
    width: 100px;
    word-wrap: break-word;
}
.data .big {
    margin-right: 150px;
    width: 200px;
}

Difference between float and align property in CSS

align is a property to align a single element for table , text, span etc
float is a property to align block level elements like sidebar, div etc

Disable Image Link Hover underline

down vote

:focus {outline:0;} a:hover {text-decoration:none; outline:0;} img, img:hover {border:0; outline:0;}

How to expand 'select' option width after the user wants to select an option you can try and solve using css only. by adding class to select select{ width:80px;text-overflow:'...';-ms-text-overflow:ellipsis;position:absolute; z-index:+1;} select:focus{ width:100%;} for more reference List Box Style in a particular item (option) HTML Multi Select List Box How to use a url which returns a csv in HTML? in other words how to display the data from that csv file in my webpage? < object data="quotes.txt"></object > you can use object tag to embedded any file or webpage to display into any webpage. And also have look by using framework http://www.dhtmlx.com/docs/products/dhtmlxDataView/samples/03_loading/01_xml.html table header in IE8 with quirks mode on  add white-space: pre; in class then it will in single line at IE Controlling Spacing Between Table Cells table.test td {     background-color: lime;     padding: 12px;     border:2px solid #fff;border-collapse:separate; } Avoid focus on link in html-table first of all do not alter check box into input textbox. to avoid dotted square of text link after click, add outline:none; in css add class to avoid hitting the link(a href) when tabbing through data to set it. .check{ cursor:text;}