background-position question -
on this page i"ve been working on forever, have column headed "bid x ask": http://www.sellmycalls.com/so-bg-pos.png
in each of cell backgrounds there supposed bar chart conveys ratio of numbers in cell each other.
so in each cell have background-color: gray; , background-image:all-white;. can't position (plenty big enough) image on gray background. in fact, in current incarnation, image doesn't show @ all.
how can set background-position of image? top <td> in column styled way:
<td class="main_td bxa bxa_val" style="background-color: #ecf1ef; background-image:url('http://www.sellmycalls.com/pics/cell/bxa-white.png'); background-repeat:repeat-x repeat-y; background-origin: 0px 0px; background-attachment:fixed; background-position:53px 0px; -moz-background-position:53px 0px; -webkit-background-position:53px 0px; -khtml-background-position:53px 0px; -o-user-background-position:53px 0px;"> <div> 543 x 470</div></td>
thanks help!
your image 49x1px
think showing, however, firebug td
shows style of background-repeat:repeat-x;
x not y show in example code snippet above.
update:
try
style="background-color:#ecf1ef; background-image:url('http://www.sellmycalls.com/pics/cell/bxa-white.png'); background-position:50px 0px; background-repeat:repeat-y;"
- you cannot adjust dimensions of image (1) make image @ least wide td (i.e. wider 49px) , use background-image right hand side bar , background-color left side bar. hope clear
Comments
Post a Comment