Category Archives: css

IE 6 and IE7 often display whitespace underneath images and <li> tags (when all other browsers do not) . The best way to solve this is to add either or both of the css rules: display:inline-block; display:block; The alternative method … Continue reading →

I used to battle with trying to line up labels horizontally with radio or checkboxes…. it never looked the same in all browsers. Solution: HTML: <ul class=”form-check”> <li><input name=”radio” type=”radio” value=”yes” /><label>Yes</label></li> <li><input name=”radio” type=”radio” value=”no” /><label>No</label></li> </ul> CSS: ul.form-check{ … Continue reading →

I have always had problems with the <hr/> and getting it to look equally spacedbut this seems to work well across all browsers. hr{ color:#76a2d7; background-color:#76a2d7; height:1px; border:none; margin:0 0 10px 0; }