html css float:right with img is not working fine -
html
<table class='titlestatus' id='title'> <tr> <td class='lefttop'></td> <td class='bar'>punch data <img class='minmaxclose' src='images/close.png'> <img class='minmaxclose' src='images/max.png'> <img class='minmaxclose' src='images/minimize.png'> <img class='minmaxclose' src='images/setting.png'></td> <td class='righttop'></td> </tr> </table>
css
.minmaxclose{float: right;}
output @ ie
whereas need output on firefox
apply float:left images first , apply float:right container containing images
.bar img{ float:left;//for shifting alongside } .bar{ float:right;//for shifting entire division right side }
Comments
Post a Comment