[css-d] Checking up on buggy behavior in latest Google Chrome versions.

2013-11-15 Thread Georg

Hi all,

In this page...

http://www.gunlaug.com/contents/design/q-a-construct.html

...there are 4 separate elements with show/hide function based on INPUT 
status. For orientation: all 4 are on gray image-background, and with 
text-shadow that changes on hover.


As support and bug check note at bottom of side-column says, this 
works as intended in most browsers.


However, latest Chrome and Opera Dev versions only make the list in main 
column under demo work, the others don't react much.
So I am trying to figure out if I'm dealing with a real bugs in chrome, 
or if it just a local problem with those browser versions - not the 
first time browsers do strange things on my laptop.


Will someone please check in latest Google Chrome and let me know if I'm 
dealing with real bugs or not.


regards
Georg
__
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] Checking up on buggy behavior in latest Google Chrome versions.

2013-11-15 Thread Ron Zisman
in chrome Version 31.0.1650.48 on mac OS X 10.8.5 (12F45)

it appears to work. text shadow on hover.

ron
On Nov 15, 2013, at 8:38 AM, Georg ge...@gunlaug.com wrote:

 Hi all,
 
 In this page...
 
 http://www.gunlaug.com/contents/design/q-a-construct.html
 
 ...there are 4 separate elements with show/hide function based on INPUT 
 status. For orientation: all 4 are on gray image-background, and with 
 text-shadow that changes on hover.
 
 As support and bug check note at bottom of side-column says, this works as 
 intended in most browsers.
 
 However, latest Chrome and Opera Dev versions only make the list in main 
 column under demo work, the others don't react much.
 So I am trying to figure out if I'm dealing with a real bugs in chrome, or if 
 it just a local problem with those browser versions - not the first time 
 browsers do strange things on my laptop.
 
 Will someone please check in latest Google Chrome and let me know if I'm 
 dealing with real bugs or not.
 
 regards
Georg
 __
 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] Checking up on buggy behavior in latest Google Chrome versions.

2013-11-15 Thread Chris Rockwell
We're just looking for the text-shadow to be applied to the label element
when the checkbox is hovered?  If that's correct, it seems to be working
fine for me in 33.0.1709.2 canary and Version 30.0.1599.101 m on Windows 7


On Fri, Nov 15, 2013 at 8:52 AM, Ron Zisman ronzis...@me.com wrote:

 in chrome Version 31.0.1650.48 on mac OS X 10.8.5 (12F45)

 it appears to work. text shadow on hover.

 ron
 On Nov 15, 2013, at 8:38 AM, Georg ge...@gunlaug.com wrote:

  Hi all,
 
  In this page...
 
  http://www.gunlaug.com/contents/design/q-a-construct.html
 
  ...there are 4 separate elements with show/hide function based on INPUT
 status. For orientation: all 4 are on gray image-background, and with
 text-shadow that changes on hover.
 
  As support and bug check note at bottom of side-column says, this
 works as intended in most browsers.
 
  However, latest Chrome and Opera Dev versions only make the list in main
 column under demo work, the others don't react much.
  So I am trying to figure out if I'm dealing with a real bugs in chrome,
 or if it just a local problem with those browser versions - not the first
 time browsers do strange things on my laptop.
 
  Will someone please check in latest Google Chrome and let me know if I'm
 dealing with real bugs or not.
 
  regards
 Georg
  __
  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/




-- 
Chris Rockwell
__
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] Checking up on buggy behavior in latest Google Chrome versions.

2013-11-15 Thread Philippe Wittenbergh

Le 15 nov. 2013 à 22:38, Georg ge...@gunlaug.com a écrit :

 http://www.gunlaug.com/contents/design/q-a-construct.html
 
 ...there are 4 separate elements with show/hide function based on INPUT 
 status. For orientation: all 4 are on gray image-background, and with 
 text-shadow that changes on hover.
 
 As support and bug check note at bottom of side-column says, this works as 
 intended in most browsers.
 
 However, latest Chrome and Opera Dev versions only make the list in main 
 column under demo work, the others don't react much.

After spending quite a moment trying to understand what I should see, the demo 
appears to work for both the main (LH) column and the right hand side bar. 
Clicking on those labels triggers the (hidden) span to play show-and-hide as 
described on the page.

Chrome what-appears-to-be 33 dev, Safari 7.

Fwiw, not very usable for keyboard users.

Philippe
--
Philippe Wittenbergh
http://l-c-n.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/


Re: [css-d] Checking up on buggy behavior in latest Google Chrome versions.

2013-11-15 Thread Georg

Den 15.11.2013 15:09, skrev Philippe Wittenbergh:
After spending quite a moment trying to understand what I should see, 
the demo appears to work for both the main (LH) column and the right 
hand side bar. Clicking on those labels triggers the (hidden) span to 
play show-and-hide as described on the page. Chrome what-appears-to-be 
33 dev, Safari 7.


Good, thanks. Either a fixed bug, or something fishy with my local 
Chrome install then.



Fwiw, not very usable for keyboard users.


I am aware of that, and it has other weaknesses too. For now that is not 
a problem, but I will improve on things once I find practical uses for 
the basic method.


regards
Georg

__
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] The Simpsons in CSS

2013-11-15 Thread Jon Reece
On Nov 13, 2013, at 6:25 AM, Tim Arnold tim.arn...@gmail.com wrote:

 It's possible that graphics apps will eventually have an option to
 export something like this, but I lean toward probably not.  More
 likely (particularly since it's already happening with Adobe) is that
 illustrations will export to canvas.  Illustrator can already export
 to SVG which will probably fill in where canvas does not.

On Wed, Nov 13, 2013 at 9:59 AM, COM j...@coffeeonmars.com wrote:

 I can get on board with a draw app that converts my creative work into
 useable CSS.


Not really an illustration app, but Macaw's tagline is Stop writing code.
Start drawing it.

http://macaw.co/


-- 
Jon Reece
jon.re...@gmail.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/


Re: [css-d] Checking up on buggy behavior in latest Google Chrome versions.

2013-11-15 Thread Alan Gresley

On 16/11/2013 1:09 AM, Philippe Wittenbergh wrote:


Le 15 nov. 2013 à 22:38, Georg ge...@gunlaug.com a écrit :


http://www.gunlaug.com/contents/design/q-a-construct.html

...there are 4 separate elements with show/hide function based on
INPUT status. For orientation: all 4 are on gray image-background,
and with text-shadow that changes on hover.

As support and bug check note at bottom of side-column says, this
works as intended in most browsers.

However, latest Chrome and Opera Dev versions only make the list in
main column under demo work, the others don't react much.


After spending quite a moment trying to understand what I should see,


Same here. Where should I look?


the demo appears to work for both the main (LH) column and the right
hand side bar. Clicking on those labels triggers the (hidden) span to
play show-and-hide as described on the page.

Chrome what-appears-to-be 33 dev, Safari 7.

Fwiw, not very usable for keyboard users.

Philippe -- Philippe Wittenbergh http://l-c-n.com


On Window 7, Latest Chrome version.

The first one (Simple Notes example:) does not open or work.

The second one (Q  A about a CSS-only show/hide technique.) has all the 
option opening when selected with no other item closing.


The third and forth one will only show the first option open. None of 
the other options will open or work.


I would suggest pulling it apart into smaller parts.


Alan


--
Alan Gresley
http://css-3d.org/
http://css-class.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/


Re: [css-d] Checking up on buggy behavior in latest Google Chrome versions.

2013-11-15 Thread Georg

Den 15.11.2013 15:55, skrev Alan Gresley:


On Window 7, Latest Chrome version.

The first one (Simple Notes example:) does not open or work.

The second one (Q  A about a CSS-only show/hide technique.) has all 
the option opening when selected with no other item closing.


The third and forth one will only show the first option open. None of 
the other options will open or work.


That's what I get in Chrome 31 too.



I would suggest pulling it apart into smaller parts.


Have already checked that all four demos work in latest Chrome if/when 
markup is moved as is to same container as the one that do work now. 
Something about the context they are in that seems to affect the 
function in Chrome 31 and one or two older versions. Whatever it is it 
does not disturb other browsers that support ':checked', so I'll leave 
it as is for now.


All demos use the same markup and CSS, so if one fails they should all 
fail. Clearly they do not.


Georg

__
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] The Simpsons in CSS

2013-11-15 Thread MiB

15 nov 2013 kl. 15.51 skrev Jon Reece:

 Not really an illustration app, but Macaw's tagline is Stop writing code.
 Start drawing it.
 
 http://macaw.co/


Ahhh, and you tell us now. This really looks like the real 
[whatveryourcurrentdevelopmentapp]-killer. At least all of those dreadful 
WYSIWYH-tools. I'm just hoping it's not another Flux kiddie development app.

Very nice, thank you!
__
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] Checking up on buggy behavior in latest Google Chrome versions.

2013-11-15 Thread Barney Carroll
Worked fine on 30, then I updated to 31 and it broke.

I strongly suspect this is down to Webkit's increasing over-eager
aggressive layout pre-caching, whereby it makes assumptions about things it
doesn't have to fully render. I also strongly suspect you could fix this by
applying an animation on a zero-visual-effect property, as described here
http://stackoverflow.com/questions/15152470/chrome-rendering-issue-fixed-position-anchor-with-ul-in-body/15203880#15203880

Regarding your awesome technique, have you considered hiding the contents
with max-height: 0 and revealing with max-height: 999em (or something
equally large), then using transitions on that property? Chuck opacity in
and you've basically retired jQuery ;)

Regards,
Barney Carroll

barney.carr...@gmail.com
+44 7429 177278

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


[css-d] Massive mouse over dropdowns--possible with CSS?

2013-11-15 Thread Colin (Sandy) Pittendrigh
The following West Marine website has large complex dropdown navigation
menus that change as mouse-over changes on a horizontal row of banner
links. West Marine  does this with javascript.

Is the same thing possible with CSS? Examples? I'm familiar with vertical
list-like CSS dropdowns (or popout horizontally) menus. But these are more
like multi-column dropdowns.

I'm not even sure I like this, design wise. But I have a customer who wants
it. Is requesting it.

So I wonder about how best to do it.

http://www.westmarine.com/webapp/wcs/stores/servlet/TopCategories1_11151_10001_-1

-- 
/*  Colin (Sandy) Pittendrigh  --oO0 */
__
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] Massive mouse over dropdowns--possible with CSS?

2013-11-15 Thread Greg Gamble
Looks to be a mega-menu

http://www.sitepoint.com/mega-drop-down-menus/



Greg 

-Original Message-
From: css-d-boun...@lists.css-discuss.org 
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Colin (Sandy) 
Pittendrigh
Sent: Friday, November 15, 2013 10:31 AM
To: CSS-D
Subject: [css-d] Massive mouse over dropdowns--possible with CSS?

The following West Marine website has large complex dropdown navigation menus 
that change as mouse-over changes on a horizontal row of banner links. West 
Marine  does this with javascript.

Is the same thing possible with CSS? Examples? I'm familiar with vertical 
list-like CSS dropdowns (or popout horizontally) menus. But these are more like 
multi-column dropdowns.

I'm not even sure I like this, design wise. But I have a customer who wants it. 
Is requesting it.

So I wonder about how best to do it.

http://www.westmarine.com/webapp/wcs/stores/servlet/TopCategories1_11151_10001_-1

--
/*  Colin (Sandy) Pittendrigh  --oO0 */ 
__
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] Checking up on buggy behavior in latest Google Chrome versions.

2013-11-15 Thread Karl DeSaulniers
Your show/hide doesn't work on Safari iOS 7.0.2

Best,
Karl

Sent from losPhone

 On Nov 15, 2013, at 7:38 AM, Georg ge...@gunlaug.com wrote:
 
 Hi all,
 
 In this page...
 
 http://www.gunlaug.com/contents/design/q-a-construct.html
 
 ...there are 4 separate elements with show/hide function based on INPUT 
 status. For orientation: all 4 are on gray image-background, and with 
 text-shadow that changes on hover.
 
 As support and bug check note at bottom of side-column says, this works as 
 intended in most browsers.
 
 However, latest Chrome and Opera Dev versions only make the list in main 
 column under demo work, the others don't react much.
 So I am trying to figure out if I'm dealing with a real bugs in chrome, or if 
 it just a local problem with those browser versions - not the first time 
 browsers do strange things on my laptop.
 
 Will someone please check in latest Google Chrome and let me know if I'm 
 dealing with real bugs or not.
 
 regards
Georg
 __
 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] Massive mouse over dropdowns--possible with CSS?

2013-11-15 Thread Melroch

2013-11-15 20:01, Greg Gamble skrev:

Looks to be a mega-menu

http://www.sitepoint.com/mega-drop-down-menus/


The latest fad which doesn't work for the motor-impaired?


Greg

-Original Message-
From: css-d-boun...@lists.css-discuss.org 
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Colin (Sandy) 
Pittendrigh
Sent: Friday, November 15, 2013 10:31 AM
To: CSS-D
Subject: [css-d] Massive mouse over dropdowns--possible with CSS?

The following West Marine website has large complex dropdown navigation menus 
that change as mouse-over changes on a horizontal row of banner links. West 
Marine  does this with javascript.

Is the same thing possible with CSS? Examples? I'm familiar with vertical 
list-like CSS dropdowns (or popout horizontally) menus. But these are more like 
multi-column dropdowns.

I'm not even sure I like this, design wise. But I have a customer who wants it. 
Is requesting it.

So I wonder about how best to do it.

http://www.westmarine.com/webapp/wcs/stores/servlet/TopCategories1_11151_10001_-1

--
/*  Colin (Sandy) Pittendrigh  --oO0 */ 
__
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] Massive mouse over dropdowns--possible with CSS?

2013-11-15 Thread Tom Livingston
On Fri, Nov 15, 2013 at 4:42 PM, Melroch melr...@gmail.com wrote:
 2013-11-15 20:01, Greg Gamble skrev:

 Looks to be a mega-menu

 http://www.sitepoint.com/mega-drop-down-menus/


 The latest fad which doesn't work for the motor-impaired?


 Greg


In the actionenvelope.com site, referenced in the article, under My
Account, if your mouse leaves the dropdown while attempting to login,
well... you can't

I understand why you'd use this, but I'm not a fan.

-- 

Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.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/


Re: [css-d] Massive mouse over dropdowns--possible with CSS?

2013-11-15 Thread Greg Gamble
How so?  It's almost like a fat dropdown.  

Greg 

-Original Message-
From: css-d-boun...@lists.css-discuss.org 
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Melroch
Sent: Friday, November 15, 2013 1:43 PM
To: css-d@lists.css-discuss.org
Subject: Re: [css-d] Massive mouse over dropdowns--possible with CSS?

2013-11-15 20:01, Greg Gamble skrev:
 Looks to be a mega-menu

 http://www.sitepoint.com/mega-drop-down-menus/

The latest fad which doesn't work for the motor-impaired?

 Greg

 -Original Message-
 From: css-d-boun...@lists.css-discuss.org 
 [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Colin 
 (Sandy) Pittendrigh
 Sent: Friday, November 15, 2013 10:31 AM
 To: CSS-D
 Subject: [css-d] Massive mouse over dropdowns--possible with CSS?

 The following West Marine website has large complex dropdown navigation menus 
 that change as mouse-over changes on a horizontal row of banner links. West 
 Marine  does this with javascript.

 Is the same thing possible with CSS? Examples? I'm familiar with vertical 
 list-like CSS dropdowns (or popout horizontally) menus. But these are more 
 like multi-column dropdowns.

 I'm not even sure I like this, design wise. But I have a customer who wants 
 it. Is requesting it.

 So I wonder about how best to do it.

 http://www.westmarine.com/webapp/wcs/stores/servlet/TopCategories1_111
 51_10001_-1

 --
 /*  Colin (Sandy) Pittendrigh  --oO0 */ 
 __
 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/
__
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] aligning some text in td at bottom

2013-11-15 Thread David Hucklesby

On 11/14/13, 5:43 AM, Sara Haradhvala wrote:

I ended up using JavaScript to set the height of each cell - that seems to
work in all browsers!

On Nov 13, 2013, at 5:03 PM, Chris Rockwell ch...@chrisrockwell.com wrote:


[...]


Pretty sure display:flex is going to make this a non-issue, so if you're
only needing to work with latest releases, I'd go with that.


On Wed, Nov 13, 2013 at 4:02 PM, Sara Haradhvala har...@comcast.net
wrote: Would really appreciate a suggestion and explanation from this
group.

I'd like to align a link at the bottom of a table cell. The rest of the
text should be aligned at the top of the cell. I'd also like to leave some
padding above the link so that I can reduce the width of the window and
there's room for the link to wrap to become 3 short lines rather than 1
long line without bumping into the text. I'd like the cell sizes to be
variable if at all possible.


[code snipped]

A day late and a dollar short, as I am new to flex boxes. But Chris is right,
and here's my attempt, with table display fallback for old browsers.

The flex seems to work for far more browsers than I thought. (But I cheated and
use prefixfree.js to get old versions to work.)

 http://cdpn.io/ynfie

Glad you got some JavaScript that works, Sara. Here's Chris Coyier's solution:

 http://css-tricks.com/absolutely-position-element-within-a-table-cell/

--
Cordially,
David

__
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] aligning some text in td at bottom

2013-11-15 Thread Karl DeSaulniers

On Nov 14, 2013, at 5:10 PM, David Hucklesby wrote:

 On 11/14/13, 2:12 PM, Karl DeSaulniers wrote:
 
 
 Sent from losPhone
 
 On Nov 14, 2013, at 7:55 AM, MiB digital.disc...@gmail.com wrote:
 
 
 nov 14 2013 14.43 Sara Haradhvala:
 
 I ended up using JavaScript to set the height of each cell - that seems
 to work in all browsers!
 
 In theory, if no-one is using a browser with javascript turned off.
 
 
 Which is highly unlikely now a days or I should say most of the people that
 are part of a target market one would direct to will not be disabling it. I
 think it is also safe to say the vast majority of people don't even know how
 to turn it off nor that you can. I see it being similar to IE6 users. Not
 really worried about it. Anyone know where you can get the numbers of people
 who turn JavaScript off? Be interested to see the pie chart.
 
 Here's the result of a recent study. YMMV of course.
 But arguing a case without facts is not very productive, methinks.
 
 http://digital.cabinetoffice.gov.uk/2013/10/21/how-many-people-are-missing-out-on-javascript-enhancement/
 
 -- 
 Cordially,
 David


Sorry about that, worded it wrong. Wasn't trying to argue without facts.
Just a heavily opinionated statement. Hence the request for the facts at the 
end.
Thanks for that btw. Now, that link doesn't tell the whole story in its 
entirety, but a good use case that
even a heavily laden website like a gov site still only has a 1.1% user base 
not using Javascript.
For me and a lot of business I have worked with, 1.1% wouldn't even get a bat 
of the eye in consideration.
Kind of like worrying about netscape navigator users IMO.

Best,

Karl DeSaulniers
Design Drumm
http://designdrumm.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/


Re: [css-d] aligning some text in td at bottom

2013-11-15 Thread Karl DeSaulniers

On Nov 14, 2013, at 6:29 PM, MiB wrote:

 
 nov 14 2013 23.12 Karl DeSaulniers:
 
 Which is highly unlikely now a days or I should say most of the people that 
 are part of a target market one would direct to will not be disabling it. I 
 think it is also safe to say the vast majority of people don't even know how 
 to turn it off nor that you can. I see it being similar to IE6 users. Not 
 really worried about it. Anyone know where you can get the numbers of people 
 who turn JavaScript off? Be interested to see the pie chart. 
 
 Know your users is a good starting point. Personally I don't want to 
 generally base a design detail on javascript availability (Except for on 
 mobile). To me the need for it is a design smell and I'd rather redo the 
 design. In production of course.

Know your users... I couldn't agree more.

Best,

Karl DeSaulniers
Design Drumm
http://designdrumm.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/