Re: [css-d] Handing Landscape and Potrait Thumbnails and Photographs

2020-08-07 Thread Tom Livingston
On Fri, Aug 7, 2020 at 3:34 PM Aaron Gray wrote: > > On Fri, 7 Aug 2020 at 18:14, Tom Livingston wrote: > > > > Sorry if I am being dense as to what you're after, but your original > > code works - I think - without the portrait and landscape classes: > > > > https://tomliv.com/css-d/portraitland

Re: [css-d] Handing Landscape and Potrait Thumbnails and Photographs

2020-08-07 Thread Aaron Gray
On Fri, 7 Aug 2020 at 18:14, Tom Livingston wrote: > > Sorry if I am being dense as to what you're after, but your original > code works - I think - without the portrait and landscape classes: > > https://tomliv.com/css-d/portraitlandscape/index3.html Tom, that looks brilliant, is it the width: a

Re: [css-d] Handing Landscape and Potrait Thumbnails and Photographs

2020-08-07 Thread Tom Livingston
Sorry if I am being dense as to what you're after, but your original code works - I think - without the portrait and landscape classes: https://tomliv.com/css-d/portraitlandscape/index3.html On Tue, Aug 4, 2020 at 8:32 PM Aaron Gray wrote: > > I have some code that handles landscape and portrait

Re: [css-d] Handing Landscape and Potrait Thumbnails and Photographs

2020-08-07 Thread Tom Livingston
So based on your code sample, all thumbnails will be the same width and height: .thumbnail { display: inline-block; position: relative; width: 8em; height: 10em; margin: 0px; padding: 0px; border-width: 0px

Re: [css-d] Handing Landscape and Potrait Thumbnails and Photographs

2020-08-07 Thread Aaron Gray
On Fri, 7 Aug 2020 at 17:14, Tom Livingston wrote: > > Maybe this is simpler: > > https://tomliv.com/css-d/portraitlandscape/index2.html Tom, No, thanks though. It is for a professional history of photography site and I need them centered and portraits 100% height (variable width, fixed 1:1 asp

Re: [css-d] Handing Landscape and Potrait Thumbnails and Photographs

2020-08-07 Thread Aaron Gray
On Thu, 6 Aug 2020 at 14:59, Michael Stevens wrote: > > But HOW do you know if it's P or L? Wade is pulling metadata and adding > that info to his database so when the image is called for the > orientation is also given so it's easy to output > > class="" > > How are you determining the orientatio

Re: [css-d] Handing Landscape and Potrait Thumbnails and Photographs

2020-08-07 Thread Tom Livingston
Maybe this is simpler: https://tomliv.com/css-d/portraitlandscape/index2.html On Thu, Aug 6, 2020 at 9:59 AM Michael Stevens wrote: > > But HOW do you know if it's P or L? Wade is pulling metadata and adding > that info to his database so when the image is called for the > orientation is also gi

Re: [css-d] Handing Landscape and Potrait Thumbnails and Photographs

2020-08-07 Thread Tom Livingston
Maybe this is simpler: https://tomliv.com/css-d/portraitlandscape/index2.html On Thu, Aug 6, 2020 at 9:59 AM Michael Stevens wrote: > > But HOW do you know if it's P or L? Wade is pulling metadata and adding > that info to his database so when the image is called for the > orientation is also gi

Re: [css-d] Handing Landscape and Potrait Thumbnails and Photographs

2020-08-07 Thread Tom Livingston
Maybe this: body{ background-color: black; } .thumbnail { display: inline-flex; position: relative; width: 8em; height: auto; margin: 0px; padding: 0px; border-width: 0px; } img { flex: 1; width: 100%; height: auto; max-width: 100%; max-height: 100%; margin: 0px; padding: 0px; border-width: 0px;

Re: [css-d] Handing Landscape and Potrait Thumbnails and Photographs

2020-08-06 Thread Michael Stevens
But HOW do you know if it's P or L? Wade is pulling metadata and adding that info to his database so when the image is called for the orientation is also given so it's easy to output class="" How are you determining the orientation and feeding that data to the browser? Mike On 2020-08-06

Re: [css-d] Handing Landscape and Potrait Thumbnails and Photographs

2020-08-06 Thread Aaron Gray
For this application, the orientation will always be correct to landscape or portrait. On Wed, 5 Aug 2020 at 11:27, Wade Smart wrote: > > How do you know if they are landscape or not? > A image could have been taken with a camera and its shown sideways > but the phone shows portrait. Im working o

Re: [css-d] Handing Landscape and Potrait Thumbnails and Photographs

2020-08-05 Thread Wade Smart
How do you know if they are landscape or not? A image could have been taken with a camera and its shown sideways but the phone shows portrait. Im working on a project right now where Im extracting the metadata from the pic and based on that, putting a indicator in the db to say landscape or not and

[css-d] Handing Landscape and Potrait Thumbnails and Photographs

2020-08-04 Thread Aaron Gray
I have some code that handles landscape and portrait photographs framing them within a fixed area div. My issue is that I have to set a class as to whether they are landscape or portrait. body { background-color: black; } .thumbnail { display: inline