Because inline does not honor height. you need inline-block or block to do that
Best, Karl DeSaulniers Design Drumm http://designdrumm.com <http://designdrumm.com/> > On Sep 22, 2016, at 6:25 PM, John J <cr8...@gmail.com> wrote: > > Yeah..that sounds good. Easy enough to make that change. Why does the space > happen in the first place? Why does images being inline cause it? > > > On Sep 22, 2016 12:30 PM, "Karl DeSaulniers" <k...@designdrumm.com > <mailto:k...@designdrumm.com>> wrote: > I would add a class to images that you need a special style for > instead of declaring the same style for all images > if not all images should display the same. > > Just my 2ยข > > :) > > Best, > > Karl DeSaulniers > Design Drumm > http://designdrumm.com <http://designdrumm.com/> > > > > > > On Sep 22, 2016, at 11:22 AM, Tom Livingston <tom...@gmail.com > > <mailto:tom...@gmail.com>> wrote: > > > > I would handle this on a case-by-case basis. But it's up to you. > > > > If you make a global style, you may need to "undo" it when you don't > > want them to be block. On the other hand, if you handle it > > case-by-case, you may find yourself making images block frequently. > > > > Glad I could help. > > > > On Thu, Sep 22, 2016 at 12:20 PM, John J <cr8...@gmail.com > > <mailto:cr8...@gmail.com>> wrote: > >> ^^ OK..doing that does work; so that when I need images to be inline, > >> I'll > >> have to handle it with stylesheets? Is this a best practice, to declare > >> images as block up in the area where we have our other resets? > >> > >> Thank you, Tom > >> > >> On Thu, Sep 22, 2016 at 9:18 AM, John J <cr8...@gmail.com > >> <mailto:cr8...@gmail.com>> wrote: > >>> > >>> Are you saying to do this to my initial img tag so that this is universal? > >>> > >>> On Thu, Sep 22, 2016 at 9:16 AM, Tom Livingston <tom...@gmail.com > >>> <mailto:tom...@gmail.com>> wrote: > >>>> > >>>> On Thu, Sep 22, 2016 at 12:13 PM, John J <cr8...@gmail.com > >>>> <mailto:cr8...@gmail.com>> wrote: > >>>>> I have 6 image tiles; 2 rows of 3 at desktop size. Each square has a > >>>>> background color, and an image placed inside. > >>>>> > >>>>> Each of these "tiles" shows through the background color of about 3-4 > >>>>> pixels. I can not see what's allowing this. I have my styles for the > >>>>> tiles > >>>>> set at max-width:30%; height:auto; > >>>>> > >>>>> Can anyone see what the source of this unwanted space is? > >>>>> > >>>>> Thank you! > >>>>> > >>>> > >>>> > >>>> Images are inline elements. If you add a display:block; rule to your > >>>> images, you can remove this gap. > >>>> > >>>> > >>>> -- > >>>> > >>>> Tom Livingston | Senior Front End Developer | Media Logic | > >>>> ph: 518.456.3015x231 <tel:518.456.3015x231> | fx: 518.456.4279 > >>>> <tel:518.456.4279> | medialogic.com <http://medialogic.com/> > >>>> > >>>> > >>>> #663399 > >>>> ______________________________________________________________________ > >>>> css-discuss [css-d@lists.css-discuss.org > >>>> <mailto:css-d@lists.css-discuss.org>] > >>>> http://www.css-discuss.org/mailman/listinfo/css-d > >>>> <http://www.css-discuss.org/mailman/listinfo/css-d> > >>>> List wiki/FAQ -- http://css-discuss.incutio.com/ > >>>> <http://css-discuss.incutio.com/> > >>>> List policies -- http://css-discuss.org/policies.html > >>>> <http://css-discuss.org/policies.html> > >>>> Supported by evolt.org <http://evolt.org/> -- > >>>> http://www.evolt.org/help_support_evolt/ > >>>> <http://www.evolt.org/help_support_evolt/> > >>> > >>> > >> > > > > > > > > -- > > > > Tom Livingston | Senior Front End Developer | Media Logic | > > ph: 518.456.3015x231 <tel:518.456.3015x231> | fx: 518.456.4279 > > <tel:518.456.4279> | medialogic.com <http://medialogic.com/> > > > > > > #663399 > > ______________________________________________________________________ > > css-discuss [css-d@lists.css-discuss.org > > <mailto:css-d@lists.css-discuss.org>] > > http://www.css-discuss.org/mailman/listinfo/css-d > > <http://www.css-discuss.org/mailman/listinfo/css-d> > > List wiki/FAQ -- http://css-discuss.incutio.com/ > > <http://css-discuss.incutio.com/> > > List policies -- http://css-discuss.org/policies.html > > <http://css-discuss.org/policies.html> > > Supported by evolt.org <http://evolt.org/> -- > > http://www.evolt.org/help_support_evolt/ > > <http://www.evolt.org/help_support_evolt/> > > ______________________________________________________________________ > css-discuss [css-d@lists.css-discuss.org <mailto:css-d@lists.css-discuss.org>] > http://www.css-discuss.org/mailman/listinfo/css-d > <http://www.css-discuss.org/mailman/listinfo/css-d> > List wiki/FAQ -- http://css-discuss.incutio.com/ > <http://css-discuss.incutio.com/> > List policies -- http://css-discuss.org/policies.html > <http://css-discuss.org/policies.html> > Supported by evolt.org <http://evolt.org/> -- > http://www.evolt.org/help_support_evolt/ > <http://www.evolt.org/help_support_evolt/> ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] 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/
