Re: [css-d] What causes the space at bottom of squares?

2016-09-23 Thread Georg 
To expand on that ... a read-through on the following article may be 
useful...



regards
Georg

Den 23.09.2016 03:52, skrev Chris F.A. Johnson:

On Thu, 22 Sep 2016, John J 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?


Because an inline image sits on the baseline, just like text. The
space beneath is where descenders would be.



__
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/

Re: [css-d] What causes the space at bottom of squares?

2016-09-22 Thread Chris F.A. Johnson 

On Thu, 22 Sep 2016, John J 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?


Because an inline image sits on the baseline, just like text. The
space beneath is where descenders would be.

--
Chris F.A. Johnson, 
__
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/

Re: [css-d] What causes the space at bottom of squares?

2016-09-22 Thread John J 
Thank you!

On Sep 22, 2016 4:27 PM, "Karl DeSaulniers"  wrote:

> Because inline does not honor height. you need inline-block or block to do
> that
>
> Best,
>
> Karl DeSaulniers
> Design Drumm
> http://designdrumm.com 
>
>
>
>
> > On Sep 22, 2016, at 6:25 PM, John J  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"  > 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  > 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 > 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 > 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  > wrote:
> > 
> >  On Thu, Sep 22, 2016 at 12:13 PM, John J > 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  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://www.evolt.org/help_support_evolt/  support_evolt/>
> > >>>
> > >>>
> > >>
> > >
> > >
> > >
> > > --
> > >
> > > Tom Livingston | Senior Front End Developer | Media Logic |
> > > ph: 518.456.3015x231  | fx: 518.456.4279  518.456.4279> | medialogic.com 
> > >
> > >
> > > #663399
> > > __
> > > css-discuss [css-d@lists.css-discuss.org  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://www.evolt.org/help_support_evolt/  support_evolt/>
> >
> > __
> > css-discuss [css-d@lists.css-discuss.org  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

Re: [css-d] What causes the space at bottom of squares?

2016-09-22 Thread Karl DeSaulniers 
Because inline does not honor height. you need inline-block or block to do that

Best,

Karl DeSaulniers
Design Drumm
http://designdrumm.com 




> On Sep 22, 2016, at 6:25 PM, John J  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"  > 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  > > 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  > > 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  >> > 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  >>> > wrote:
> 
>  On Thu, Sep 22, 2016 at 12:13 PM, John J   > 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

Re: [css-d] What causes the space at bottom of squares?

2016-09-22 Thread John J 
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"  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  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  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  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 
> wrote:
> 
>  On Thu, Sep 22, 2016 at 12:13 PM, John J  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/

Re: [css-d] What causes the space at bottom of squares?

2016-09-22 Thread Karl DeSaulniers 
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  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  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  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  wrote:
 
 On Thu, Sep 22, 2016 at 12:13 PM, John J  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/

Re: [css-d] What causes the space at bottom of squares?

2016-09-22 Thread John J 
^^ 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  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  wrote:
>
>> On Thu, Sep 22, 2016 at 12:13 PM, John J  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/
>>
>
>
__
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/

Re: [css-d] What causes the space at bottom of squares?

2016-09-22 Thread John J 
OK..thank you..good to keep in mind!

On Thu, Sep 22, 2016 at 9:22 AM, Tom Livingston  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  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  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 
> wrote:
> >>>
> >>> On Thu, Sep 22, 2016 at 12:13 PM, John J  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/

Re: [css-d] What causes the space at bottom of squares?

2016-09-22 Thread Tom Livingston 
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  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  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  wrote:
>>>
>>> On Thu, Sep 22, 2016 at 12:13 PM, John J  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/

Re: [css-d] What causes the space at bottom of squares?

2016-09-22 Thread John J 
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  wrote:

> On Thu, Sep 22, 2016 at 12:13 PM, John J  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/
>
__
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/

Re: [css-d] What causes the space at bottom of squares?

2016-09-22 Thread Tom Livingston 
On Thu, Sep 22, 2016 at 12:13 PM, John J  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/

[css-d] What causes the space at bottom of squares?

2016-09-22 Thread John J 
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!


Tiles can be seen at:

http://john-a-johnson.com/
__
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/