Solved

CSS horizonal scroll box, currently a vertical one

Posted on 2014-03-23
4
192 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
  • 2
4 Comments
 
LVL 58

Expert Comment

by:Gary
ID: 39948958
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
ID: 39948965
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
ID: 39948969
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
ID: 39949130
Thanks
0

Featured Post

On Demand Webinar - Networking for the Cloud Era

This webinar discusses:
-Common barriers companies experience when moving to the cloud
-How SD-WAN changes the way we look at networks
-Best practices customers should employ moving forward with cloud migration
-What happens behind the scenes of SteelConnect’s one-click button

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…
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…

738 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