Horizontal scrollable table that is responsive - html-table

people,
I am currently trying to create a horizontally scrollable table (filled with pictures) where my content (img with some p) always fitts the screen. This means the height of the content has to adapt depening on your screen resolution or ideally also when browsing from a mobile device... I've tried a lot with HTML and CSS and actually thought this should be an easy task, but I just can't get it to work properly :(
I'd really appreciate some help. How'd you do this?
Thanks in advance!

Related

Default Shopify CSS seems busted, can't edit site. Attached image

Out of the blue, EVERY browser shows the same problem. The left-most column is squashed and refuses to expand. It makes it impossible to edit the template options. Any ideas? thanks :-)
This looks like a glitch with Shopify and would be better addressed by opening up a support ticket with their support team
Note: If you shrink your screen width to 599px wide or less, the sidebar should expand to be 100% of the window width - this might help if you're in a pinch and need to make updates right now

Stellar vertical offset - background scrolls down creating a whitespace

I have searched and researched stackoverflow but couldn't find any good answer that might help me.
I am using stellar.js to create parallax backgrounds, but sometimes as I scroll the page, the background goes down, creating a white space (instead of creating the parallax effect).
Here is a preview of the image with explanation:
http://s30.postimg.org/owb86e3bk/stellar.jpg
Any ideas would be great. Thanks.
$.stellar({
horizontalScrolling:false
});

Content wider than page which scrolls horizontally in WinRT App

How could I achieve a page layout in which I could scroll horizontally to the right, to display a content on the page that is wider than the page itself? Something very similar to the "Store" App...
Tried scrollviewer encasing stackpanel, grids or others and no result. I looked at the samples that are generated from the Store project templates but those are also different. I guess it shouldn't be so hard but can't figure it out...
I'm trying to obtain something like this :
I want to display a content, divided into columns, which continues from a column to another. Tried also with WrapGrid, but no success... Any ideas or suggestions are greatly appreciated, thank you.
If you are going implement something similar to Article view, please read this page News apps on MSDN. It gives you information about what should you use to build apps like News apps, check the Your app's article view part:
For more info about best practices for fonts, such as size, color, and
weight, see Guidelines and checklist for text and typography
(JavaScript) or Displaying and editing text (C#/VB/C++). In Windows
Store apps written using XAML, you can use the RichTextBlock and
RichTextBlockOverflow controls to manage text overflow. For an
example, see XAML text display sample.

flexslider slideshow not resizing properly

I have set up the Flexslider Carousel with thumbs on my website. For some reason, when I shrink it below a certain size it does not re-size properly and then it disappears (overflow: hidden could be causing this second issue) I freely admit that my java skills are limited, so I hope that someone here will be able to tell me what I messed up...
http://studiobilodeau.com/VLSB/slideshows/the_body2.php
Thanks for any help!
v
Try this, give your containing div (#container) width either in %, so that it adjusts as per your browser window or set its width for different viewports.

Easy way to use an UIScrollView

Does someone have an "easy way" to make a view like camera roll app? I need to display miniature photos (buttons) and push new views from them. I don't know how to display miniature images in a scroll view. The number of miniatures is large, so they don't fit the screen, and I think UIScrollView is the only solution.
Check out TTThumbsViewController, part of Three20; this should pretty much do what you want (and it's open source if you need to change it).
A scroll view really just controls the visible region of a single content view. If you want a grid of small images, you'll need to create a view that contains a number of image views or otherwise displays the grid of images. Make this the content view of the scroll view. Also, it'd be a good idea to construct your image grid view such that it only loads and draws the images that are visible, particularly if you're going to display a large number of such images.