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;
}
Are you looking to have the images centered inside this div and crop
some of the image? Or centered and leaving space in a sort of
letterbox type situation?
On Fri, Aug 7, 2020 at 12:44 PM Aaron Gray <[email protected]> wrote:
>
> On Fri, 7 Aug 2020 at 17:14, Tom Livingston <[email protected]> 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 aspect
> ratio), and landscapes 100% width (variable height, fixed 1:1 aspect
> ratio).
>
> Aaron
>
> --
> Aaron Gray
>
> Independent Open Source Software Engineer, Computer Language
> Researcher, Information Theorist, and amateur computer scientist.
--
Tom Livingston | Senior Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
#663399
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
