- This topic is empty.
Viewing 8 posts - 1 through 8 (of 8 total)
Viewing 8 posts - 1 through 8 (of 8 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
I would like to these pictures staying in one row when I reduce the size of the screen.
I don’t want to use flex!
http://codepen.io/Ayalann/pen/VmyqMx
Any idea?
I need a solution which is supported by any browser.
A few things;
I guess you want something like this http://codepen.io/iordan-adrian/pen/RoxXNQ .
Yes it would be good, but the Edge doesn’t support the white-space.
I haven’t a clue what you mean. A demo would help explain where you’re having problems.
I mean, this is working in lots of browsers but not everywhere, IE and Edge doesn’t support this.
So this isn’t the ideal solution.
Inline-block elements (sitting on the same row, with white-space removed using many of these techniques https://css-tricks.com/fighting-the-space-between-inline-block-elements/) are supported everywhere.
As are basic responsive images using max-width:100% http://www.w3schools.com/css/css_rwd_images.asp
If you are having problems, we need to see your code attempt in a demo to be able to point out where you’re going wrong.
I checked it in IE, you are right, it is working.
I can’t trust in http://caniuse.com/
Than thank you.