Creating fields in iWeb '08

[fotowolf]

I would like to create a left right scroll box for my pictures so that the user can scroll through my images (as they currently can) but keep the navigation portion of the site at the left in view while they scroll over.

My site: www.wolfphoto.x10hosting.com/SAFARI.html
Example (site) of where the left right scroll box feature I'd like to have is:
www.rankin.co.uk/portfolio/advertising

I am creating this site using iWeb '08 which I'm guessing has limited ability in creating more advanced functions that most of it's users never want. That said, I know you can create "HTML Snippets" in iWeb '08 should that help. I'm still VERY new to website creation (don't know HTML) and hope that someone out there is more familiar with iWeb so I can pull this off.

Thanks in advance for your time.

 

[mc se7en]

I did this for text on an old version of my site, but I think it will work for images. Here's the code:

<div style="border: 1px solid #aaa;background-color:transparent; width:350px; height:250px; overflow:auto; color:#FFFFFF;"><p>CONTENT GOES HERE</p></div>

This should create a transparent box that is 350px wide and 250px tall with a 1px white outline. All text inside the box will be white To change any of those settings, change the appropriate number in the code above. To change the color of the outline, change #aaa to whatever color you want (you can find color codes online, or just use words like "red". To remove the outline, just remove the part that says "border: 1px solid #aaa;" but leave the quotation marks in place. The background color can be changed by changing "transparent" to whatever color you want, using HTML color codes (preceded by the # sign) or simple words like "red".

Remember that if you want a line break/hard return, you'll need to use the "<br>" tag as simply hitting the return key won't have any effect in HTML Snippets.

Let me know if that doesn't work and I'll try to see what I can do.

 

[fotowolf]

Having some trouble with the above code when inserted into a HTML snippet in iWeb. It just appears as a clear box with the CONTENT GOES HERE text. Don't see a scroll bar. Thoughts?

 

[mc se7en]

The scrollbar is set to auto, so if it doesn't need one, it doesn't appear. Just replace the CONTENT GOES HERE in the code with your pics in <img src="image link"> format and adjust the size settings of the box in the code to make it fit your purposes. The scrollbar will appear once enough content has been put in the box that it actually needs to scroll.