Re: [css-d] A little SVG Help ?

[crestchristopher]

I understand the differences but I don’t see what is wrong with my code 
compared to some of the examples on the linked page.  I should see a shape with 
holes. I passed it onto someone else, they said “it should work” !

Christopher

From: Tom Livingston
Sent: Wednesday, June 7, 2017 9:27 AM
To: Crest Christopher
Cc: CSS Discussion Group
Subject: Re: [css-d] A little SVG Help ?

Maybe this can help?

https://css-tricks.com/masking-vs-clipping-use/#more-255253



On Tue, Jun 6, 2017 at 8:29 AM,   wrote:
> No, what is defined with  is called outside of  and should be
> displayed ?
>
>
>
>
>
> Christopher
>
>
>



-- 

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] A little SVG Help ?

[crestchristopher]

No, what is defined with  is called outside of  and should be 
displayed ?


Christopher

From: Tom Livingston
Sent: Tuesday, June 6, 2017 7:56 AM
To: CSS Discussion Group
Subject: Re: [css-d] A little SVG Help ?

I see what looks like 2 black hourglass type shapes. Is that what you want?

On Mon, Jun 5, 2017 at 10:59 PM,   wrote:
> Link
>
>
>
> Christopher
>
>
>
> From: Tom Livingston
> Sent: Monday, June 5, 2017 10:19 PM
> To: CSS Discussion Group; crestchristop...@gmail.com
> Subject: Re: [css-d] A little SVG Help ?
>
>
>
> A link or some information would help.
>
>
>
>
>
>
>
> On Mon, Jun 5, 2017 at 9:38 PM  wrote:
>
> I understand this doesn’t belong to this discussion.  Anyone with deep
> understanding of SVG because this is not displaying within CodePen ?
>
>
> Christopher
>
> --
>
>
> Tom Livingston | Senior Front End Developer | Media Logic |
> ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
>
>
> #663399
>
>



-- 

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-d] A little SVG Help ?

[crestchristopher]

I understand this doesn’t belong to this discussion.  Anyone with deep 
understanding of SVG because this is not displaying within CodePen ? 


Christopher

__
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] Flexbox question

[crestchristopher]

What is that image ? I know what it is but it appears as junk ?

Christopher

From: Chris F.A. Johnson
Sent: Tuesday, April 25, 2017 7:57 PM
To: CSS Discussion Group
Subject: Re: [css-d] Flexbox question

On Tue, 25 Apr 2017, Nancy Johnson wrote:

> In the past I used it only for equal heights only but there is a great
> deal I am learning about.  It is a very powerful tool.
> You do have to be careful for older browsers and have a fall back for those.
>
> This link has been very helpful for me
> https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Not a page I'd use as a good example: http://b.cfaj.ca/flex.jpg

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

__
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] Flexbox question

[crestchristopher]

Interesting method of using FlexBox; for someone whom has never used Flexbox 

Christopher

From: Tom Livingston
Sent: Monday, April 10, 2017 5:40 PM
To: CSS Discussion Group
Subject: Re: [css-d] Flexbox question

On Mon, Apr 10, 2017 at 5:24 PM, Al Sparber  wrote:

> On 4/10/2017 4:01 PM, Tom Livingston wrote:
>
>> List,
>>
>> I haven't used flex at all basically, but have an opportunity to.
>>
>> I have rows of 3 items. I would like them evenly spaced, but if the last
>> row has only 2 items, I'd like the same amount of space between but I want
>> them aligned to the left (like text-align:left). I can't seem to get this.
>> Is it possible? I've gotten close, but last two items are far left and far
>> right.
>>
>
> See if you can work with this:
> http://www.projectseven.com/csslab/flexbox/tom-cssd/
> It's all in the head.
>
>

This looks good. I think I might be able to run with this. Thanks Al.

Seems like the key to what I was after was  flex-direction: column (as
opposed to row) - to keep the last two items to the left.

Thanks again.


-- 

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/