I'm not sure if this is an HTML issue or a CSS issue, but any help on it would be amazing!

I'm working on my portfolio website right now, and I have a frame page where the top frame shows the large image, and the bottom frame shows the thumbnails of images that can be clicked on to make the larger image appear on the top frame.

My question is - how can I make it so that on my bottom frame, it scrolls - but only on the X Axis?

Use the CSS properties overflow-x and overflow-y. They can be:

visible, so that no scrolling or clipping occurs.
hidden, the output is clipped but there is no scrollbar.
scroll, the output is clipped and there is always a scrollbar.
auto, if clipped, a scrollbar is added.

Use the CSS properties overflow-x and overflow-y.

Thank you so much! So does it become...


<style type="text/css">
<!--
body { overflow-x: auto; overflow-y: hidden; }
-->
</style>


... ? I'm having issues with that one, so I know I'm doing something wrong.

You would apply the css properties to whichever element you wanted to, use the style attribute of it. In your example, you would apply the style to the bottom frame.

Try this CSS for the frame:

overflow-x: scroll; overflow-y: hidden;