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>&nbsp;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

Popular posts from this blog

linux - Using a Cron Job to check if my mod_wsgi / apache server is running and restart -

actionscript 3 - TweenLite does not work with object -

jQuery Ajax Render Fragments OR Whole Page -