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> 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 > > > > > > On Sep 22, 2016, at 11:22 AM, Tom Livingston <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> 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> 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> > wrote: > >>>> > >>>> On Thu, Sep 22, 2016 at 12:13 PM, John J <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 | fx: 518.456.4279 | medialogic.com > >>>> > >>>> > >>>> #663399 > >>>> ____________________________________________________________ > __________ > >>>> 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/ > >>> > >>> > >> > > > > > > > > -- > > > > Tom Livingston | Senior Front End Developer | Media Logic | > > ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com > > > > > > #663399 > > ______________________________________________________________________ > > 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/ > > ______________________________________________________________________ > 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/ ______________________________________________________________________ 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/
