|
Posted by andybliss on June 30, 2006, 5:43 pm
Please log in for more thread options
I have a number of wide graphs that I have on a webpage. I would like
to have a y-axis that does not move on the left side of the page so
that as I scroll the graph to the right, I still can see the tick marks
and labels on the left. So far I've come up with this:
<div style="background-image: url(Longyaxis.png); background-repeat:
no-repeat;
background-attachment: fixed; background-position: left bottom;
float:left;">
<div style="float:left;">
<img src="Long.png" width="18478px" height="625px" alt="Wide Graph"
/><br />
</div>
</div>
This does pretty much what I want in terms of positioning, but the
background image ("Longyaxis.png") which contains the tick marks and
labels hides behind the main image. Is there a way to make the
background actually be in front of the main image ("Long.png")?
Thanks for any ideas.
~Andy
| 
XML Sitemap