[css-d] Test

2014-04-21 Thread Tom Livingston
Subscription issue. Sorry about the noise. -- 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

Re: [css-d] Sticky Footer Problems

2014-04-21 Thread Tom Livingston
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 | mlinc.com

Re: [css-d] Ready for Pre-processors?

2014-04-25 Thread Tom Livingston
On Apr 25, 2014, at 1:43 AM, Philip Taylor p.tay...@rhul.ac.uk wrote: Eric wrote: I'll raise my hand and say I'm against it. Not because I have a problem with CSS pre-processors rather because this is a CSS list. Pre-processors are simply a tool used to write CSS in a more

Re: [css-d] CSS menu at 320px

2014-04-27 Thread Tom Livingston
/ -- 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

Re: [css-d] CSS menu at 320px

2014-04-27 Thread Tom Livingston
On Sun, Apr 27, 2014 at 12:29 PM, Philip Taylor p.tay...@rhul.ac.uk wrote: Tom Livingston wrote: Actually, I believe it has. I get those as do some others, and I only get them as replies to CSS-D threads. Mr. Meyer is aware of this issue. But what can he do about it, since

Re: [css-d] Firefox and page inflation -- late response

2014-04-29 Thread Tom Livingston
10:16 AM, MiB digital.disc...@gmail.com wrote: This got held up for unknown reasons: apr 10 2014 18:50 Tom Livingston tom...@gmail.com: it's still useable. He's not leaving mobile users *completely* out in the cold. That it is so, is still quite a bit beside the point I think. The users only

Re: [css-d] Drop-menu items not 'sticky'

2014-04-30 Thread Tom Livingston
. That may be intentional... HTH -- 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

[css-d] iPad Mini MQs

2014-05-06 Thread Tom Livingston
resolution at 326 pixels per inch (ppi) and the other of 1024-by-768 resolution at 163 pixels per inch (ppi). I dont think @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) will work in both cases... unless I'm thinking about resolution wrong. TIA -- Tom Livingston

Re: [css-d] iPad Mini MQs

2014-05-06 Thread Tom Livingston
On Tue, May 6, 2014 at 9:30 AM, Philippe Wittenbergh e...@l-c-n.com wrote: Le 6 mai 2014 à 22:12, Tom Livingston tom...@gmail.com a écrit : Retina has specs of 2048-by-1536 resolution at 326 pixels per inch (ppi) and the other of 1024-by-768 resolution at 163 pixels per inch (ppi). Those

[css-d] iPad zoom triggers other MQ

2014-05-06 Thread Tom Livingston
- which is what I want/expect. My MQ for desktop triggers at 960px wide. Can anyone explain what is happening? -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com

Re: [css-d] Select by descendant?

2014-05-16 Thread Tom Livingston
tweak and not a critical usability fix, I'd say it's pretty harmless. -- 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

Re: [css-d] Android Tablet Chrome Portrait Screen Odd Behavior

2014-05-26 Thread Tom Livingston
Sent from my iPhone On May 26, 2014, at 11:59 AM, Shari Lynn Smith webweave...@gmail.com wrote: I have a site I've designed mobile 1st and everything seemed to be working fine, however on my Android tablet in Chrome when the 7 screen is in portrait the aside is showing to the right very

Re: [css-d] Having trouble adding video to web page.

2014-06-04 Thread Tom Livingston
and mp4 using html5 element. http://www.videojs.com -- 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

Re: [css-d] Having trouble adding video to web page.

2014-06-04 Thread Tom Livingston
On Wed, Jun 4, 2014 at 4:17 PM, Tom Livingston tom...@gmail.com wrote: On Wed, Jun 4, 2014 at 3:24 PM, Rod Castello rodcastel...@gmail.com wrote: Hi All, Need some quick, real world advice on adding an mp4 video to a web page. It needs to work in modern versions of major browsers. I can skip

Re: [css-d] Falstaff weds Frutiger.

2014-06-06 Thread Tom Livingston
Sent from my iPhone On Jun 6, 2014, at 4:08 PM, David Laakso laakso.davi...@gmail.com wrote: Constructive comments and suggestions on this site are always appreciated. html http://ccstudi.com css http://ccstudi.com/site/css/sisu.css Best, David Laakso Only comment I have is

[css-d] Fixed position over background-attachment: fixed

2014-06-13 Thread Tom Livingston
and/or position:fixed mess up the stacking order? I have tried z-index ordering them but it isn't helping. I'm sorry but I cant post a link as of yet. TIA #663399Becca -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com

Re: [css-d] Fixed position over background-attachment: fixed

2014-06-13 Thread Tom Livingston
On Fri, Jun 13, 2014 at 1:54 PM, Tom Livingston tom...@gmail.com wrote: Hello list, I'm having an issue where the design I'm working on requires a position:fixed nav bar over a series of divs that contain a fixed background image (background-attachment:fixed;). As you scroll, these divs

[css-d] Height 100% issue

2014-06-15 Thread Tom Livingston
drawing a blank. Any help would be appreciated. Thanks -- 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

Re: [css-d] Height 100% issue

2014-06-15 Thread Tom Livingston
Sent from my iPhone On Jun 15, 2014, at 10:29 PM, Philippe Wittenbergh e...@l-c-n.com wrote: Le 16 juin 2014 à 10:05, Tom Livingston tom...@gmail.com a écrit : List, Can't post a link right now so bear with me... Given: div class=leftcol clear div class=cta-wrap/div

Re: [css-d] Height 100% issue

2014-06-16 Thread Tom Livingston
Does .dots contain something that contribute to the height of .leftcol? This is a possible solution: .leftcol { position: relative; } .dots { position: absolute; top: 0; bottom: 0; } This looks like it's gonna work well. Thanks Philippe. -- Tom Livingston | Senior Front-End Developer

Re: [css-d] Right col jumps to next line

2014-06-17 Thread Tom Livingston
On Acid for checking your email layouts. They also provide tips on correcting issues as well as optimizations, etc. litmus.com emailonacid.com If you know all this, well...maybe someone else can benefit... HTH -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231

Re: [css-d] Right col jumps to next line

2014-06-17 Thread Tom Livingston
a great idea. -- 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

[css-d] Rendering issues

2014-06-20 Thread Tom Livingston
except for in Google Webmaster Tools and that doesn't give much help in troubleshooting it. Do any of you see this issue, and if so, can you help track it down? Thanks in advance... -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279

Re: [css-d] Rendering issues

2014-06-20 Thread Tom Livingston
On Friday, June 20, 2014, Norman Fournier nor...@normanfournier.com wrote: Camino on my mac shows the blue only w/o any text or graphics once. The source shows all the html in place but none renders. On a second visit, everything looked fine. On 2014-06-20, at 12:42 PM, Tom Livingston wrote

Re: [css-d] Rendering issues

2014-06-23 Thread Tom Livingston
on a laptop -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Tom Livingston Sent: Friday, June 20, 2014 2:43 PM To: CSS Discussion Group Subject: [css-d] Rendering issues List, We've had a report of a rendering issue

Re: [css-d] Rendering issues

2014-06-23 Thread Tom Livingston
, but I tried my browser with and without JS and I still saw the content... Odd one. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css-d@lists.css

Re: [css-d] Rendering issues

2014-06-23 Thread Tom Livingston
On 6/23/14 12:10 PM, Tom Livingston wrote: Understood. But turning off js did not allow me to replicate the issue. Regardless, you would think if a negative z index put the content behind a solid blue div with js enabled - as is the case with the rule in the CSS - why did anyone see any content

Re: [css-d] Rendering issues

2014-06-23 Thread Tom Livingston
On Monday, June 23, 2014, Philippe Wittenbergh e...@l-c-n.com wrote: Le 24 juin 2014 à 04:05, Tom Livingston tom...@gmail.com javascript:; a écrit : We found an errant z-index which was putting the content behind the blue background wrapper. :-P Le 24 juin 2014 à 04:08, Norman Fournier

Re: [css-d] Rendering issues

2014-06-23 Thread Tom Livingston
On Monday, June 23, 2014, Jon Reece jon.re...@gmail.com wrote: On Mon, Jun 23, 2014 at 8:32 PM, Philippe Wittenbergh e...@l-c-n.com javascript:; wrote: Le 24 juin 2014 à 04:05, Tom Livingston tom...@gmail.com javascript:; a écrit : We found an errant z-index which was putting

Re: [css-d] Equal height script not working on some pages

2014-06-30 Thread Tom Livingston
sometimes corrects the layout, but would be great to fix this. Thanks all again! Looks like the script is the issue. I disabled JS and the footer is consistently placed properly. Is it in a document.ready? Placed at the bottom rather than the head? Just thinking out loud here... -- Tom

Re: [css-d] Table with fixed headers

2014-07-01 Thread Tom Livingston
and css and have better luck with the fixed header. Some googling resulted in nothing other than solutions similar to yours. That's a good one. I look forward to someone smarter than me figuring it out... -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx

Re: [css-d] P tag can't be child of label ?

2014-07-09 Thread Tom Livingston
into the spec, I didn't see anything obvious stating NOTHING else can be within the label element. So I wonder if span might be allowed? I'd have to whip up a test and run it through the validator and see if it complains. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph

Re: [css-d] P tag can't be child of label ?

2014-07-09 Thread Tom Livingston
On Wed, Jul 9, 2014 at 2:08 PM, Tom Livingston tom...@gmail.com wrote: On Wed, Jul 9, 2014 at 1:58 PM, Crest Christopher crestchristop...@gmail.com wrote: I've had to restyle my form and it has caused the validator to inform me I'm not allowed to use p as a child element of a label tag

Re: [css-d] P tag can't be child of label ?

2014-07-14 Thread Tom Livingston
On Sun, Jul 13, 2014 at 7:05 PM, Robert A. Rosenberg webdesig...@rarpsl.com wrote: At 14:08 -0400 on 07/09/2014, Tom Livingston wrote about Re: [css-d] P tag can't be child of label ?: If you wrap the input with the label, you can leave off the 'for' attribute (just read that... had no idea

Re: [css-d] P tag can't be child of label ?

2014-07-14 Thread Tom Livingston
You're fine On Monday, July 14, 2014, Crest Christopher crestchristop...@gmail.com wrote: I'm confused, I was using the for attribute; label for=email id=mailspan class=mailemail/span/label ??? Tom Livingston wrote: On Sun, Jul 13, 2014 at 7:05 PM, Robert A. Rosenbergwebdesig

Re: [css-d] make image bottom-align?

2014-07-23 Thread Tom Livingston
display:table; and vertical-align:bottom; on the parent ? -- 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

Re: [css-d] why are ems rendering large?

2014-07-24 Thread Tom Livingston
, it would be 19px (rounded down) or 1.188em; -- 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

Re: [css-d] why are ems rendering large?

2014-07-24 Thread Tom Livingston
On Thu, Jul 24, 2014 at 11:22 AM, John j...@coffeeonmars.com wrote: On Jul 24, 2014, at 8:18 AM, Tom Livingston tom...@gmail.com wrote: ems are relative to font size. Given a browser default of 16px, 1em = 16px. If you have something set at font-size: 120%;, that's 120% bigger than 16px

Re: [css-d] why are ems rendering large?

2014-07-24 Thread Tom Livingston
On Thu, Jul 24, 2014 at 11:38 AM, John j...@coffeeonmars.com wrote: On Jul 24, 2014, at 8:35 AM, Tom Livingston tom...@gmail.com wrote: Where, specifically on the page, are we talking about? This spot: http://www.coffeeonmars.com/170_su/template/home.html this declaration: #header-logo

Re: [css-d] why are ems rendering large?

2014-07-24 Thread Tom Livingston
header and h1, or an article element with a header and h1, etc. But this is getting into the semantics of HTML which is off-topic for this list. STYLING those elements would be back on topic. ;-) -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx

Re: [css-d] why are ems rendering large?

2014-07-24 Thread Tom Livingston
On Thu, Jul 24, 2014 at 12:00 PM, John j...@coffeeonmars.com wrote: On Jul 24, 2014, at 8:53 AM, Tom Livingston tom...@gmail.com wrote: Not really. You are currently making that the highest level head element (h1) of the page. Is that what you want? Not if the h1-wrapped element is a graphic

Re: [css-d] why are ems rendering large?

2014-07-24 Thread Tom Livingston
On Thu, Jul 24, 2014 at 12:52 PM, John j...@coffeeonmars.com wrote: On Jul 24, 2014, at 9:49 AM, Tom Livingston tom...@gmail.com wrote: You could, since that h1 is an image, spec it to be font-size: 1em; but I tend to agree text trumps alt text. OK..so for the css declaration, it could

Re: [css-d] why are ems rendering large?

2014-07-24 Thread Tom Livingston
, correct ? Tom Livingston wrote: On Thu, Jul 24, 2014 at 9:40 AM, Crest Christophercrestchristop...@gmail.com javascript:_e(%7B%7D,'cvml','crestchristop...@gmail.com'); wrote: Now you confused me ? ems are relative to font size. Given a browser default of 16px, 1em = 16px. If you have

Re: [css-d] why are ems rendering large?

2014-07-24 Thread Tom Livingston
I believe so. On Thursday, July 24, 2014, Crest Christopher crestchristop...@gmail.com wrote: A font-size of 120% is 19px, is my math correct ? Tom Livingston wrote: I don't know about golden, but it equal to the browser default which, if unchanged, is usually 16px. On Thursday, July

Re: [css-d] why are ems rendering large?

2014-07-25 Thread Tom Livingston
Lack of rem support is easily taken care of with a fallback declaration using px: Font-size:16px; Font-size:1rem; This allows MOST browsers to use a relative font unit - honoring a users preference for font size - without the compounding issues (and any other) of the em. -- Tom Livingston

Re: [css-d] why are ems rendering large?

2014-07-25 Thread Tom Livingston
On Fri, Jul 25, 2014 at 2:27 PM, Chris F.A. Johnson ch...@cfajohnson.com wrote: On Fri, 25 Jul 2014, Tom Livingston wrote: Lack of rem support is easily taken care of with a fallback declaration using px: Font-size:16px; Font-size:1rem; Better still, using em or %: font-size: 100

Re: [css-d] div with spec'd width going to 100%?

2014-07-26 Thread Tom Livingston
the 332px with 940px. -- 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

Re: [css-d] div with spec'd width going to 100%?

2014-07-26 Thread Tom Livingston
You also have 2 containers with the same ID of #main_header. The header and a child div. That's a no no. On Sat, Jul 26, 2014 at 4:23 PM, Tom Livingston tom...@gmail.com wrote: On Sat, Jul 26, 2014 at 4:19 PM, John j...@coffeeonmars.com wrote: I am trying a better way to style and position

Re: [css-d] why are ems rendering large?

2014-07-26 Thread Tom Livingston
the fonts on a page. By no means am I saying this is the only way, just the way I do it. Works like a charm so far. :) Best, Karl Screen readers care about font size ? -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com

Re: [css-d] why are ems rendering large?

2014-07-26 Thread Tom Livingston
as the body font-size and % else where and it still worked like I wanted and let me set the optimal font in Firefox. So I will be switching to ems as the body font-size. Thanks all. I set body to 100%. Size elements - minimally - with rems. -- Tom Livingston | Senior Front-End Developer | Media

[css-d] Placement of MQ question

2014-07-28 Thread Tom Livingston
an MQ related to viewport height like: @media screen and (max-height: 1024px){ header{height: $shorter-height;} } My question is what is the proper place to put this? After all my other MQs? In with my styles near where the taller height is specified? Does it matter? -- Tom Livingston | Senior

Re: [css-d] Placement of MQ question

2014-07-28 Thread Tom Livingston
) { @import 960; } I've done both where I've added at the end of this, and put tweaky MQs in individual sheets. Just wondering if one place is better than the other. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com

Re: [css-d] Placement of MQ question

2014-07-28 Thread Tom Livingston
On Mon, Jul 28, 2014 at 2:15 PM, Tom Livingston tom...@gmail.com wrote: On Mon, Jul 28, 2014 at 1:42 PM, Chris Rockwell ch...@chrisrockwell.com wrote: Hi Tom, Without knowing how you have your styles structured, I can really only guess at how I would do it. I use partials like crazy so

[css-d] Retina MQs

2014-07-30 Thread Tom Livingston
? Thanks -- 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

Re: [css-d] Section Lacks Heading ?

2014-07-30 Thread Tom Livingston
-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 | mlinc.com __ css-discuss [css-d

Re: [css-d] Section Lacks Heading ?

2014-07-30 Thread Tom Livingston
On Wed, Jul 30, 2014 at 9:44 PM, Crest Christopher crestchristop...@gmail.com wrote: I changed a section to a div and the validator continues to point to the line as an error. Link? -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279

Re: [css-d] Fwd: Re: Web fonts

2014-07-31 Thread Tom Livingston
pane of developer tools, you'll be able to see what styles are being applied to the element. Firefox has a Fonts tab on the right. Very handy. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com

Re: [css-d] keeping submenu open when parent is 'current'

2014-08-01 Thread Tom Livingston
-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

Re: [css-d] keeping submenu open when parent is 'current'

2014-08-01 Thread Tom Livingston
-- 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 | mlinc.com

Re: [css-d] keeping submenu open when parent is 'current'

2014-08-01 Thread Tom Livingston
On Fri, Aug 1, 2014 at 1:15 PM, Debbie Campbell d...@redkitecreative.com wrote: It only appears on hover for me in the latest Chrome/FF.. Sorry I misunderstood what you were after... -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279

Re: [css-d] keeping submenu open when parent is 'current'

2014-08-01 Thread Tom Livingston
wrapper) and adjust the styles of the menu to stay visible. Changing the class per page. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css-d

Re: [css-d] Web fonts

2014-08-04 Thread Tom Livingston
On Monday, August 4, 2014, Tim Dawson t...@ramasaig.com wrote: On 31/07/2014 14:17, Tom Livingston wrote: -- Forwarded message -- From: Chris Rockwell ch...@chrisrockwell.com Tip: if you're using Chrome or Firefox, highlight some of the text (really not necessary, i just

Re: [css-d] Web fonts

2014-08-04 Thread Tom Livingston
On Monday, August 4, 2014, Tom Livingston tom...@gmail.com wrote: On Monday, August 4, 2014, Tim Dawson t...@ramasaig.com javascript:_e(%7B%7D,'cvml','t...@ramasaig.com'); wrote: On 31/07/2014 14:17, Tom Livingston wrote: -- Forwarded message -- From: Chris Rockwell ch

Re: [css-d] JavaScript / HTML groups

2014-08-04 Thread Tom Livingston
-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 | mlinc.com

[css-d] SVG background-image with fallback

2014-08-05 Thread Tom Livingston
browsers). My thought was that it would work like background-color does. Sample page: http://tomliv.com/nick-test/ Just trying to learn here. Why does the cascade not work in both cases? -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279

Re: [css-d] SVG background-image with fallback

2014-08-05 Thread Tom Livingston
-image: image.svg; But this fails in IE8 (and presumably in other non-svg-supporting browsers). My thought was that it would work like background-color does. Sample page: http://tomliv.com/nick-test/ Just trying to learn here. Why does the cascade not work in both cases? -- Tom Livingston

Re: [css-d] SVG background-image with fallback

2014-08-05 Thread Tom Livingston
the resource you're giving it. Chris Rockwell On Tue, Aug 5, 2014 at 9:17 AM, Tom Livingston tom...@gmail.com javascript:_e(%7B%7D,'cvml','tom...@gmail.com'); wrote: I've seen that and others. I'm looking for why. Why don't they work the same. On Tuesday, August 5, 2014, Chris Rockwell

Re: [css-d] SVG background-image with fallback

2014-08-05 Thread Tom Livingston
-with-png/ -- 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

Re: [css-d] SVG background-image with fallback

2014-08-05 Thread Tom Livingston
On Tuesday, August 5, 2014, Chris Rockwell ch...@chrisrockwell.com wrote: Hey Tom, just a heads up that you need to include the 2nd argument in background-image:, otherwise it won't fallback. Ah yes. Correct. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph

Re: [css-d] SVG background-image with fallback

2014-08-05 Thread Tom Livingston
Drumm http://designdrumm.com On Aug 5, 2014, at 7:45 PM, Tom Livingston tom...@gmail.com javascript:; wrote: Background: url(image.png); background-image: url(image.svg), none; __ css-discuss [css-d@lists.css

Re: [css-d] SVG background-image with fallback

2014-08-05 Thread Tom Livingston
, Tom Livingston tom...@gmail.com javascript:; wrote: These were simple examples. In practice, I'd add MQ to stop that from happening in most browsers. On Tuesday, August 5, 2014, Karl DeSaulniers k...@designdrumm.com javascript:; wrote: So with this, my browser, if it supports svg has

Re: [css-d] SVG background-image with fallback

2014-08-05 Thread Tom Livingston
purist, this is gold. ;) Best, Karl DeSaulniers Design Drumm http://designdrumm.com On Aug 5, 2014, at 8:11 PM, Tom Livingston tom...@gmail.com javascript:; wrote: Most likely, yes. On Tuesday, August 5, 2014, Karl DeSaulniers k...@designdrumm.com javascript:; wrote: I see. But so

Re: [css-d] SVG background-image with fallback

2014-08-05 Thread Tom Livingston
Of course, YMMV, but like I said, if you're already using modernizr - which also includes the html5shiv - it's trivial to handle this svg situation. On Tuesday, August 5, 2014, Karl DeSaulniers k...@designdrumm.com wrote: On Aug 5, 2014, at 8:19 PM, Tom Livingston tom...@gmail.com javascript

Re: [css-d] SVG background-image with fallback

2014-08-07 Thread Tom Livingston
is support universally except for very ancient UAs (IE8 is south of 5% now) why bother with a fallback image? Why not just give them a background-color? Seems like a whole lot of wasted work for a drop int he bucket of users. Eric On August 5, 2014 at 9:00 AM Tom Livingston tom...@gmail.com wrote

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

2014-08-08 Thread Tom Livingston
-to-flexbox/ Philippe -- Was looking for that tutorial. Philippe beat me to it. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css-d@lists.css

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

2014-08-08 Thread Tom Livingston
-- 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 | mlinc.com

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

2014-08-08 Thread Tom Livingston
-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

Re: [css-d] removal

2014-08-11 Thread Tom Livingston
://www.evolt.org/help_support_evolt/ -- 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

Re: [css-d] Grids: what's all the fuss ?

2014-08-11 Thread Tom Livingston
, but I see a page differently and can recreate it in html with out the need of a million classes for columns. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com

Re: [css-d] CSS code - is this right?

2014-08-14 Thread Tom Livingston
-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

Re: [css-d] div backgound shows below content when it shouldn't

2014-08-14 Thread Tom Livingston
-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 | mlinc.com

Re: [css-d] CSS code - is this right?

2014-08-14 Thread Tom Livingston
/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 | mlinc.com

Re: [css-d] div backgound shows below content when it shouldn't

2014-08-16 Thread Tom Livingston
[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

Re: [css-d] Another bug?

2014-08-17 Thread Tom Livingston
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 | mlinc.com __ css-discuss [css-d@lists.css-discuss.org] http

Re: [css-d] page guts visible only in Firefox?

2014-08-19 Thread Tom Livingston
://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

Re: [css-d] page guts visible only in Firefox?

2014-08-19 Thread Tom Livingston
Not sure about too many, but are you clearing them properly? I prefer clearfix, but others like overflow:hidden; method. On Tue, Aug 19, 2014 at 4:43 PM, John j...@coffeeonmars.com wrote: On Aug 19, 2014, at 1:26 PM, Tom Livingston tom...@gmail.com wrote: Clear: both; on #middle brought

Re: [css-d] page guts visible only in Firefox?

2014-08-19 Thread Tom Livingston
When I was messing with it in firebug, I added overflow:hidden; on the nav ul, and clear both on #middle On Tue, Aug 19, 2014 at 4:47 PM, John j...@coffeeonmars.com wrote: On Aug 19, 2014, at 1:44 PM, Tom Livingston tom...@gmail.com wrote: Not sure about too many, but are you clearing them

Re: [css-d] Understanding How Relative Font-Size Resize Units in Responsive Design

2014-08-24 Thread Tom Livingston
/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 | mlinc.com

[css-d] button using text and graphic

2014-09-02 Thread Tom Livingston
not seeing the forest for the trees... TIA -- 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

Re: [css-d] button using text and graphic

2014-09-02 Thread Tom Livingston
The text isn't a graphic. On Tue, Sep 2, 2014 at 4:33 PM, Crest Christopher crestchristop...@gmail.com wrote: What do you mean by live text ? Christopher Tom Livingston wrote: color: $lightblue -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231

Re: [css-d] button using text and graphic

2014-09-02 Thread Tom Livingston
Sorry. A little sass is still in there. On Tuesday, September 2, 2014, Philip Taylor p.tay...@rhul.ac.uk wrote: Tom Livingston wrote: background-color: $yellow; color: $lightblue; What do the dollar signs contribute ? Philip Taylor -- Tom Livingston | Senior Front-End

Re: [css-d] button using text and graphic

2014-09-02 Thread Tom Livingston
class=buttonLive Text!/button Best, Karl Karl DeSaulniers Design Drumm http://designdrumm.com On Sep 2, 2014, at 3:45 PM, Tom Livingston tom...@gmail.com javascript:; wrote: The text isn't a graphic. On Tue, Sep 2, 2014 at 4:33 PM, Crest Christopher crestchristop...@gmail.com

Re: [css-d] button using text and graphic

2014-09-02 Thread Tom Livingston
I'll play with that, thanks Georg On Tuesday, September 2, 2014, Georg ge...@gunlaug.com wrote: Den 02.09.2014 22:20, skrev Tom Livingston: http://www.tomliv.com/img/button.png If that's a typical button, I would think the addition of 'background-size' and adding the arrow

Re: [css-d] button using text and graphic

2014-09-03 Thread Tom Livingston
On Tue, Sep 2, 2014 at 7:55 PM, Philippe Wittenbergh e...@l-c-n.com wrote: Le 3 sept. 2014 à 07:05, Georg ge...@gunlaug.com a écrit : Den 02.09.2014 22:20, skrev Tom Livingston: http://www.tomliv.com/img/button.png If that's a typical button, I would think the addition of 'background

Re: [css-d] button using text and graphic

2014-09-03 Thread Tom Livingston
this: a href= class=buttonLearn More/a -- 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

Re: [css-d] button using text and graphic

2014-09-03 Thread Tom Livingston
On Wed, Sep 3, 2014 at 11:32 AM, Tom Livingston tom...@gmail.com wrote: If you look carefully at the image I linked to, the text and arrow image aren't well centered vertically. It look better in Safari. I know vertical centering is a bit annoying but is there a better way to go about

Re: [css-d] button using text and graphic

2014-09-03 Thread Tom Livingston
. .button{ background-position: 100% 0; } .button:hover{ background-position: 100% -43px; } -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css-d

[css-d] CSS Shapes

2014-09-04 Thread Tom Livingston
the coffee cup layout on that page is how do you provide a fallback for that? Anyone? -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css-d

Re: [css-d] CSS Shapes

2014-09-04 Thread Tom Livingston
On Thu, Sep 4, 2014 at 8:32 AM, Tom Livingston tom...@gmail.com wrote: Good morning fellow listers, CSS Shapes. No doubt this will be something I'm asked to do in a page layout soon. I was just watching this demo of a new Chrome extension: http://razvancaliman.com/writing/css-shapes

Re: [css-d] CSS Shapes

2014-09-04 Thread Tom Livingston
On Thu, Sep 4, 2014 at 8:58 AM, Philippe Wittenbergh e...@l-c-n.com wrote: Le 4 sept. 2014 à 21:32, Tom Livingston tom...@gmail.com a écrit : No doubt this will be something I'm asked to do in a page layout soon. I was just watching this demo of a new Chrome extension: http

<    2   3   4   5   6   7   8   9   10   11   >