Solved

CSS horizonal scroll box, currently a vertical one

Posted on 2014-03-23
4
189 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
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

Use Case: Protecting a Hybrid Cloud Infrastructure

Microsoft Azure is rapidly becoming the norm in dynamic IT environments. This document describes the challenges that organizations face when protecting data in a hybrid cloud IT environment and presents a use case to demonstrate how Acronis Backup protects all data.

Question has a verified solution.

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

CSS3 Custom checkboxes This article shows how to style the checkbox form element using only CSS. Works in: Chrome, FF, Safari, Opera, IE9+ Uses modernizr.js to check for :checked pseudo class, falling back to plain old checkboxes (IE8 and bel…
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 a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

770 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