Solved

CSS horizonal scroll box, currently a vertical one

Posted on 2014-03-23
4
185 Views
Last Modified: 2014-03-23
Hello,

I have a client asking me to make their current vertical scroll box under the main image into a horizontal one.

The image number varies, is there a graceful way to do this?

http://tinyurl.com/pelatj6
0
Comment
Question by:movieprodw
  • 2
  • 2
4 Comments
 
LVL 58

Expert Comment

by:Gary
Comment Utility
No graceful way.
You would have to calculate the total width of the images (UL/LI) and then set the width of the UL to this.
0
 
LVL 1

Author Comment

by:movieprodw
Comment Utility
Hello Gary,

That is fine, I can count the images and set the width, can you please help me with the code, lets say that it si 400px wide and I want it to display 200px wide and have a scroll bar for the rest.

Matt
0
 
LVL 58

Accepted Solution

by:
Gary earned 500 total points
Comment Utility
Increase the height in .more-views {} - about 130px
Set the width of the ul with inline css

And that's it
0
 
LVL 1

Author Closing Comment

by:movieprodw
Comment Utility
Thanks
0

Featured Post

Enabling OSINT in Activity Based Intelligence

Activity based intelligence (ABI) requires access to all available sources of data. Recorded Future allows analysts to observe structured data on the open, deep, and dark web.

Join & Write a Comment

"I want to put my photos online, but I don't want them stolen.  What settings should I use?" When You Put Photos Online First and foremost, any digital file published on the WWW can be copied, stored, modified, retransmitted, etc.  Remember Naps…
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how add a full-size background image to a webpage using CSS3. Create a new HTML document with an internal stylesheet.: In CSS, define the html element to have a background image. Use a high resolution image.: In t…
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…

744 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

14 Experts available now in Live!

Get 1:1 Help Now