[css-d] Flex-box: what sets the initial width of a flex item ?

I'm experimenting with the CSS3 Flexible Box layout. Since I am also using SASS I copied a very simple flex layout from: http://compass-style.org/examples/compass/css3/box/ I realise, of course, that the Compass example exists to show the mixins, and isn't intended to be a comprehensive

Re: [css-d] Flex-box: what sets the initial width of a flex item ?

Le 8 août 2014 à 20:45, Tim Dawson t...@ramasaig.com a écrit : I'm experimenting with the CSS3 Flexible Box layout. Since I am also using SASS I copied a very simple flex layout from: http://compass-style.org/examples/compass/css3/box/ … .main { display: box; You are using very old

Re: [css-d] Flex-box: what sets the initial width of a flex item ?

On Fri, Aug 8, 2014 at 8:19 AM, Philippe Wittenbergh e...@l-c-n.com wrote: Le 8 août 2014 à 20:45, Tim Dawson t...@ramasaig.com a écrit : I'm experimenting with the CSS3 Flexible Box layout. Since I am also using SASS I copied a very simple flex layout from:

Re: [css-d] Flex-box: what sets the initial width of a flex item ?

I’m unfamiliar with the Compass syntax. However, the syntax looks old. First get the wrapper in order: start with “display:flex” for the parent container. then “flex-direction: row” to set the orientation of the child elements. Then justify-content. justify-content will set the position of

[css-d] Flex-box: what sets the initial width of a flex item ?

Thank you Philippe and Tom, Having done a bit more reading since my initial post on this subject I am coming to the conclusion that the new (2012) syntax has avoided the width problem as I expressed it. It looks as if the 'flex-basis' property can have a percentage width value which sets the

Re: [css-d] Flex-box: what sets the initial width of a flex item ?

On 08/08/2014 13:32, Frank Taylor wrote: I’m unfamiliar with the Compass syntax. However, the syntax looks old. I did realise it was old. I didn't realise how much difference that would make. Anyway, that's how one learns. I think I can make the transition to the new code, although some terms

Re: [css-d] Flex-box: what sets the initial width of a flex item ?

Flexbox makes life a lot more fun. Though three warnings: flex-wrap doesn’t work in FireFox. **still**. It’s best to assume that everything is flex-wrap: nowrap for a good while; at last reading, they had no immediate plans to solve this. A vendor-prefixing tool is your friend. Chrome will

Re: [css-d] Flex-box: what sets the initial width of a flex item ?

My apologies: I sent this reply earlier, but it didn't go into the thread. Thank you Philippe and Tom, Having done a bit more reading since my initial post on this subject I am coming to the conclusion that the new (2012) syntax has avoided the width problem as I expressed it. It looks as if

Re: [css-d] Flex-box: what sets the initial width of a flex item ?

Le 8 août 2014 à 21:55, Frank Taylor pace...@madebypaceaux.com a écrit : flex-wrap doesn’t work in FireFox. **still**. It’s best to assume that everything is flex-wrap: nowrap for a good while; at last reading, they had no immediate plans to solve this. uh ? flex-wrap works fine in

Re: [css-d] Flex-box: what sets the initial width of a flex item ?

well hot diggity. It does work. That’s what I get for not researching something before I say it. I’m still sticking to my guns on fieldset not doing display:flex. That one forced me to switch something to a div earlier this week. On Aug 8, 2014, at 15:08, Philippe Wittenbergh

Re: [css-d] Flex-box: what sets the initial width of a flex item ?

well hot diggity. It does work. That’s what I get for not researching something before I say it. I’m still sticking to my guns on fieldset not doing display:flex. That one forced me to switch something to a div earlier this week. On Aug 8, 2014, at 15:08, Philippe Wittenbergh

Re: [css-d] Flex-box: what sets the initial width of a flex item ?

Thanks to everybody who has helped me with this so promptly. I've now translated into the latest syntax, though I'm sure there will be more to do when I start adding real content. http://webadit.co.uk/hminew3/ Thanks for the warning about fieldset, Frank. I use them a lot, so will need to

[css-d] Google map link won't open in iPhone - is this a css issue?

Hi. I'm not sure if this is a CSS issue, so please forgive me if it's not. My Get Directions link on the right side of the page doesn't work on the iPhone, but works fine on my PC. Is this a CSS issue? http://www.sportsmansresource.com/anglercharters/index.htm Thanks Bruce

Re: [css-d] Google map link won't open in iPhone - is this a css issue?

On Fri, Aug 8, 2014 at 4:30 PM, bho...@aol.com wrote: Hi. I'm not sure if this is a CSS issue, so please forgive me if it's not. My Get Directions link on the right side of the page doesn't work on the iPhone, but works fine on my PC. Is this a CSS issue?

Re: [css-d] Google map link won't open in iPhone - is this a css issue?

On Fri, Aug 8, 2014 at 4:30 PM, bho...@aol.com wrote: Hi. I'm not sure if this is a CSS issue, so please forgive me if it's not. My Get Directions link on the right side of the page doesn't work on the iPhone, but works fine on my PC. Is this a CSS issue?

Re: [css-d] Google map link won't open in iPhone - is this a css issue?

Worked fine for me gmail app sent me to Chome and google map on iPhone 5S On Friday, August 8, 2014, bho...@aol.com wrote: Hi. I'm not sure if this is a CSS issue, so please forgive me if it's not. My Get Directions link on the right side of the page doesn't work on the iPhone, but works

Re: [css-d] Google map link won't open in iPhone - is this a css issue?

Pasting the link into iOS Safari and clicking the directions link took me to google maps ok, but I briefly saw an error message about an invalid link. On Friday, August 8, 2014, bho...@aol.com wrote: Hi. I'm not sure if this is a CSS issue, so please forgive me if it's not. My Get Directions