Jump to content

Image Positioning


Guest www.MaxwellArts.com

Recommended Posts

Guest www.MaxwellArts.com

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

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

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...