• August 7th, 2009
• Posted by TheHahn
• Design Goodness, Programming Goodness, Tips
• No Comments

For some reason I haven’t seen many examples of a horizontal scrolling div. These are commonly used for image slideshows (we have a number of photography clients).

CSS:
div {
width:380px;
height:80px;
padding: 15px 0 30px 0;
overflow-x:auto;
white-space:nowrap;
}

By default, img tags are display:inline, so you need only something like this:
<div>
  <img />
  <img />
  <img />
</div>