Skip to main content

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:

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


























#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

: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

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;}

Popular posts from this blog

source of program, dropdowns

Choose a question ... What is your primary frequent flyer numberWhat is your library card numberWhat was your first phone numberWhat was your first teacher's nameWhat is your father's middle nameYour mother's maiden nameYour first pet's nameThe name of your elementary schoolYour elementary school mascotYour best friend's nicknameYour favorite sports teamYour favorite writerYour favorite actorYour favorite singerYour favorite songThe name of the street you grew up onMake and model of your first carThe city where you first met your spouseWhat town were you born in?What town was your father born in?What is the name of the hospital in which you were born?What is the first name of your best childhood friend?What was the name of your primary school?What town was your mother born in?What is the name of the first company / organization you worked for?What was your favourite food as a child?What is the title of your favourite book?Who is your favourite author?Who is your a…