Guest www.MaxwellArts.com Posted December 30, 2008 Share Posted December 30, 2008 If anyone has a minute to take a look at www.MaxwellArts.com and drill down to any of the secondary gallery pages I am having difficulty with the right and left facing scrolls at the very top. The only way I can place them there so far is to use the img tag with the deprecated align property in HTML. Everything I try in CSS doesn't seem to arrange things along the top, but wants to go down the page.Current code (needs alt property too):<img src="http://www.maxwellarts.com/images/img21-R.gif" align="right" /><img src="http://www.maxwellarts.com/images/img21-L.gif" align="left" />Failed CSS attempts:#logo:before {content: url(images/img21-L.gif);}#logo:after {content: url(images/img21-R.gif);}//This 2 a.m. attempt, duh!, left the images inside the top center picture the logo div contains//body .imgr ( background: url(images/img21-R.gif) no-repeat; background-attachment:fixed; background-position: 90% 5%; }body .imgl ( background: url(images/img21-L.gif) no-repeat; background-attachment:fixed; background-position: 10% 5%; } //Thiis one I thought should work, but no matter how I experiemented with the backgroud-position the two scrolls ended up vertically stacked//Thanks for any input.Ramona M. Link to comment Share on other sites More sharing options...
SmokingMan Posted January 1, 2009 Share Posted January 1, 2009 I haven't tried this, and this is after a glass of wine and a couple tequila sunrises...Happy New Year by the way.But off the top of my head, define two classes for the scrolls such as: .scroll-l{ float: left; margin-left: whatever you want, if you want it;}.scroll-r{ flaot: right; margin-right: same as above;} Then you could do this: <img class="scroll-l" src="http://www.maxwellarts.com/images/img21-L.gif" /><img class="scroll-r" src="http://www.maxwellarts.com/images/img21-R.gif" /> I hope I haven't killed too many brain cells tonight and this makes no sense. But it might be what you need. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.