Multiple div sidebars

[skitson]

I would like to make multiple "div sidebars" on one page, what would need to be done to do so.

<div id="sidebar" class="sidebar">
<a id="sidebar" class="thumbnail" href="http://www.flickr.com/Photos/8368367@N08/525523345/in/set-72157600297492459/"><img src="images/next.jpg" width="100px" height="66px" border="0" /><span><img src="images/img01.jpg" /><br /></span></a>
<div style="clear: both;">&nbsp;</div>
</div>

[danny322]

im not really understanding what it is your trying to do? Have u got a link to ur site?

[skitson]

My situation has changed just a little, I have these back and next buttons for pictures when there hovered a little preview is shown on the second page the button previews in the bottom corner of the picture same as the forward I would like to be able to move it to the left corner http://members.shaw.ca/anders.kitson/photo.htm

[edbrown]

From what I understand you want the thumbnail which appears when you hover over the next button to appear in the left corner of the picture?

Well, if that is the case, you just need to change the 'left' property in the 'thumbnail span' class.

So,

Code: Select all

.thumbnail span{
 position: fixed;
 padding: 5px;
 left: 795px;         // change this to a smaller value - something like 300px should do it 
 visibility: hidden;
 color: black;
 text-decoration: none;
}

Hope that helped.

[skitson]

Ok well i guess i should clarify, I only want the back button image to hover over there and when i change that property both the back and next button does