Re: [css-d] center container with variable-width children

2013-09-14 Thread Tom Livingston
Fair point. This one works with JS disabled: http://www.discovermvp.com/employers/ On Sat, Sep 14, 2013 at 12:19 PM, David Hucklesby huckle...@gmail.com wrote: On 9/14/13 5:30 AM, Tom Livingston wrote: I personally wouldn't want the main function of my navigation, on a responsive site

Re: [css-d] center container with variable-width children

2013-09-14 Thread Tom Livingston
it? Best, Karl DeSaulniers Design Drumm http://designdrumm.com On Sep 14, 2013, at 10:36 AM, Philip Taylor wrote: Tom Livingston wrote: I personally wouldn't want the main function of my navigation, on a responsive site intended for many devices of varying ability, to be dependent

Re: [css-d] center container with variable-width children

2013-09-14 Thread Tom Livingston
. The responsiveness. Unless I am just totally out of the loop (this is not an impossible assumption =) and there is a non-javascript responsive design... ? If so, I am all ears/eyes. Best, Karl DeSaulniers Design Drumm http://designdrumm.com On Sep 14, 2013, at 2:07 PM, Tom Livingston

Re: [css-d] center container with variable-width children

2013-09-14 Thread Tom Livingston
, at 2:07 PM, Tom Livingston wrote: The responsiveness does work with IE9 and above as well as the usual good browsers. Carousels and the like won't, obviously. On Sat, Sep 14, 2013 at 2:54 PM, Karl DeSaulniers k...@designdrumm.com wrote: @Tom: Does your responsive site work

Re: [css-d] center container with variable-width children

2013-09-14 Thread Tom Livingston
{ ...declarations @media min-width {} } Recently I've been leaning more towards this way because it gives me the ability to see the whole picture without moving from file to file. However, I'm constantly questioning whether its the best way or not. On Sep 14, 2013 3:46 PM, Tom Livingston tom

Re: [css-d] center container with variable-width children

2013-09-14 Thread Tom Livingston
To clarify, I'm delivering desktop only to old IE. On Sat, Sep 14, 2013 at 3:59 PM, Tom Livingston tom...@gmail.com wrote: I prefer to deliver desktop only to older browsers, so your inline MQs would make this more difficult as you would need to make/write a separate sheet to pull this off

Re: [css-d] center container with variable-width children

2013-09-14 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] center container with variable-width children

2013-09-14 Thread Tom Livingston
What browser/version? On Saturday, September 14, 2013, David Hucklesby wrote: On 9/14/13 9:30 AM, Tom Livingston wrote: Fair point. This one works with JS disabled: http://www.discovermvp.com/**employers/http://www.discovermvp.com/employers/ On Sat, Sep 14, 2013 at 12:19 PM, David

Re: [css-d] center container with variable-width children

2013-09-12 Thread Tom Livingston
: Tom's suggestion may work as well, but you will need to fix your container. Due to all of the child elements being floated, you will need height: 100%;overflow:auto so that your container wraps the children On Thu, Sep 12, 2013 at 2:21 PM, Tom Livingston tom...@gmail.com wrote: They are also

Re: [css-d] center container with variable-width children

2013-09-12 Thread Tom Livingston
/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/listinfo/css-d

Re: [css-d] center container with variable-width children

2013-09-12 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

Re: [css-d] center container with variable-width children

2013-09-12 Thread Tom Livingston
not correct, it just looks funny, to me, to see an a around a bunch of content :) On Thu, Sep 12, 2013 at 3:24 PM, Tom Livingston tom...@gmail.com wrote: On Thu, Sep 12, 2013 at 3:19 PM, Chris Rockwell ch...@chrisrockwell.com wrote: a is an inline element and cannot contain block level

Re: [css-d] center container with variable-width children

2013-09-12 Thread Tom Livingston
in IE8+ and other normal browsers. -- 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] html email with css

2013-09-06 Thread Tom Livingston
This might help: http://www.campaignmonitor.com/guides/mobile I believe they talk about client support, even if you aren't doing responsive. I have another page bookmarked and will pass it on when I get in the office. T Sent from my iPhone On Sep 5, 2013, at 10:09 PM,

Re: [css-d] html email with css

2013-09-06 Thread Tom Livingston
://www.email-standards.org/ http://www.campaignmonitor.com/css/ Hope this helps! -- 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] html email with css

2013-09-06 Thread Tom Livingston
to trying it without though. On Fri, Sep 6, 2013 at 8:27 AM, Tom Livingston tom...@gmail.com wrote: On Thu, Sep 5, 2013 at 10:09 PM, vi...@graymatterstudios.ca wrote: Hi. I have been lurking in this forum for a few years and have learned quite a bit from reading the posts. Now I have a question

Re: [css-d] html email with css

2013-09-06 Thread Tom Livingston
On Fri, Sep 6, 2013 at 9:13 AM, Philip Taylor p.tay...@rhul.ac.uk wrote: Tom Livingston wrote: I should have mentioned that the inline font styling we do is generally set on the td tag. With the possible need to repeat on elements inside the td such as lis, but it's been a bit since I

Re: [css-d] html email with css

2013-09-06 Thread Tom Livingston
with font tags too. And for me, the ups out-weight the downs. Tom On Fri, Sep 6, 2013 at 9:52 AM, Philip Taylor p.tay...@rhul.ac.uk wrote: Tom Livingston wrote: If I misread your post's intent, then I apologize for my tone. Your tone was absolutely fine, Tom, and no offense was clearly

Re: [css-d] html email with css

2013-09-06 Thread Tom Livingston
to support things that barely have vendor prefixed support. I'm much more OK with that than the former. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css

Re: [css-d] html email with css

2013-09-06 Thread Tom Livingston
, Campaign Monitor and Marketo force a text version to be made. If you don't do it, the system will do it for you (so make sure you check it!). Would this cover what you speak of Felix? -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com

Re: [css-d] html email with css

2013-09-06 Thread Tom Livingston
Speak of the devil: https://twitter.com/meyerweb/status/376053792749268993 On Fri, Sep 6, 2013 at 2:29 PM, Felix Miata mrma...@earthlink.net wrote: On 2013-09-06 14:11 (GMT-0400) Tom Livingston composed: Services I've used, like MailChimp, Campaign Monitor and Marketo force a text version

[css-d] IE10 Compatibility mode

2013-09-04 Thread Tom Livingston
List, I have a request to fix some layout issues in IE10 Compatibility Mode. Everything I've googled says IE10 CM should render like IE7. When I view my page in IE10 CM, it breaks. When I view it in IE7, it's fine. Can anyone point me in the right direction for trouble shooting this? -- Tom

Re: [css-d] IE10 Compatibility mode

2013-09-04 Thread Tom Livingston
...@chrisrockwell.com wrote: I see .ie7 .wrapper {width: 940px} Thing is, as I mentioned, it renders correctly in IE7. I need to distinguish IE10CM from IE7 apparently... -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com

Re: [css-d] IE10 Compatibility mode

2013-09-04 Thread Tom Livingston
On Wed, Sep 4, 2013 at 2:52 PM, Philip Taylor p.tay...@rhul.ac.uk wrote: Tom Livingston wrote: Can anyone point me in the right direction for trouble shooting this? As always, and with apologies for Raising My Voice : Post a URL ! Philip Taylor Apologies. I was going for philosophical

Re: [css-d] IE10 Compatibility mode

2013-09-04 Thread Tom Livingston
Tom Livingston wrote: Apologies. I was going for philosophical help as opposed to digging into the code, but here it is: http://everywhere.llbean.com/ OK, I have viewed it in IE9 and IE10 and have not spotted any obvious problems in the latter; what problems should I expect to encounter

Re: [css-d] IE10 Compatibility mode

2013-09-04 Thread Tom Livingston
FYI, I know about the validation errors, however they occur in content injected into my page that I have no control over. On Wed, Sep 4, 2013 at 2:55 PM, Tom Livingston tom...@gmail.com wrote: On Wed, Sep 4, 2013 at 2:52 PM, Philip Taylor p.tay...@rhul.ac.uk wrote: Tom Livingston wrote: Can

Re: [css-d] IE10 Compatibility mode

2013-09-04 Thread Tom Livingston
or IE10CM On Wed, Sep 4, 2013 at 3:12 PM, Tom Livingston tom...@gmail.com wrote: On Wed, Sep 4, 2013 at 3:11 PM, Chris Rockwell ch...@chrisrockwell.com wrote: And it looks like box-sizing: border-box is the ultimate culprit, maybe IE7 doesn't handle it well?? Was the box-sizing property

Re: [css-d] IE10 Compatibility mode

2013-09-04 Thread Tom Livingston
by the IE7 specific stylesheet. Correct me if I'm wrong: isn't compatibility mode in IE10 supposed to be the same as IE7? Also, are you using a polyfill for box-sizing? On Wed, Sep 4, 2013 at 3:19 PM, Tom Livingston tom...@gmail.com wrote: Terrific! This just keeps getting better! LOL. I have

Re: [css-d] IE10 Compatibility mode

2013-09-04 Thread Tom Livingston
Thanks for all the help everyone. I'll file that one under 'weird'. On Wed, Sep 4, 2013 at 3:40 PM, Tom Livingston tom...@gmail.com wrote: The wrapper width was the issue. Thanks for that. For some reason, in my 7, that wasnt causing an issue, but in 10CM it was. Removing it, however, didnt

Re: [css-d] IE10 Compatibility mode

2013-09-04 Thread Tom Livingston
Design/Dev industry no long check for UA versions. Most don't even support the ancient UAs at all. Just wondering. On September 4, 2013 at 3:19 PM Tom Livingston tom...@gmail.com wrote: Terrific! This just keeps getting better! LOL. I have multiple VMs running XP, Vista and 8. One XP is 7

Re: [css-d] How can I use position fixed in IE?

2013-08-30 Thread Tom Livingston
that this block stays at the bottom of the page. I have a bad feeling. This will not work in Quirks mode. Regards, MarieAnge My apologies. I only did a quick test on a page without enough content to scroll. Sorry for the goose-chase. -Original Message- From: Tom Livingston

Re: [css-d] How can I use position fixed in IE?

2013-08-30 Thread Tom Livingston
On Fri, Aug 30, 2013 at 7:39 AM, Barney Carroll barney.carr...@gmail.com wrote: Oops — forgot to reply all. Here we go: Hi Marie-Ange, If you can change the CSS but can't change the markup, and real position: fixed is impossible, you can still achieve the same effect with the following

Re: [css-d] How can I use position fixed in IE?

2013-08-30 Thread Tom Livingston
On Fri, Aug 30, 2013 at 9:02 AM, Barney Carroll barney.carr...@gmail.com wrote: On Friday, 30 August 2013, Tom Livingston wrote: jsfiddle doesn't seem to work in 8 it seems though :-P Yes, sorry — codepen.io wasn't saving for me plus I like to keep all my snippets in one place for future

Re: [css-d] How can I use position fixed in IE?

2013-08-29 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

Re: [css-d] media queries issues

2013-08-29 Thread Tom Livingston
Can't look right now but are you adding to or changing desktop styles or replacing them. Are you working desktop down?  — Sent from Mailbox for iPhone On Thu, Aug 29, 2013 at 6:20 PM, John A. Johnson j...@coffeeonmars.com wrote: I am trying to get solid on basic media queries with the

Re: [css-d] media queries issues

2013-08-29 Thread Tom Livingston
) Thanks! John On Aug 29, 2013, at 3:28 PM, Tom Livingston tom...@gmail.com wrote: Can't look right now but are you adding to or changing desktop styles or replacing them. Are you working desktop down? — Sent from Mailbox for iPhone On Thu, Aug 29, 2013 at 6:20 PM, John A. Johnson j

Re: [css-d] media queries issues

2013-08-29 Thread Tom Livingston
Might be simpler to not have an MQ around your desktop since in this case it's your base. And just make adjustments in the other MQs. No need to repeat everything. — Sent from Mailbox for iPhone On Thu, Aug 29, 2013 at 7:01 PM, John A. Johnson j...@coffeeonmars.com wrote: OK..I may have

Re: [css-d] media queries issues

2013-08-29 Thread Tom Livingston
If you use the right MQs, you can still do that. Same concept, different widths and adjustments. — Sent from Mailbox for iPhone On Thu, Aug 29, 2013 at 7:10 PM, John A. Johnson j...@coffeeonmars.com wrote: On Aug 29, 2013, at 4:06 PM, Tom Livingston tom...@gmail.com wrote: Might

Re: [css-d] media queries issues

2013-08-29 Thread Tom Livingston
a thought, since you are just starting. Might be a good time to try it. OK, I'll sleep better now. Good luck. On Thu, Aug 29, 2013 at 7:15 PM, John A. Johnson j...@coffeeonmars.com wrote: On Aug 29, 2013, at 4:11 PM, Tom Livingston tom...@gmail.com wrote: If you use the right MQs, you can still

[css-d] Custom fonts on mobile

2013-08-28 Thread Tom Livingston
, say 600 or 768 and up for example? The MQ route was what I have done in the past, but designers here would prefer the fonts on mobile as well. Looking for some consensus on whether it's too much for mobile. Thoughts? -- Tom Livingston | Senior Front-End Developer | Media Logic | ph

Re: [css-d] Selectivizr

2013-08-27 Thread Tom Livingston
Thank you Yucca — Sent from Mailbox for iPhone On Tue, Aug 27, 2013 at 2:37 AM, Jukka K. Korpela jkorp...@cs.tut.fi wrote: 2013-08-26 22:18, Tom Livingston wrote: Anyone (still) use this? Is there something better? http://selectivizr.com/ I use it regularly as nth-of type and first

Re: [css-d] Window widths and responsive design

2013-08-26 Thread Tom Livingston
Developer Responsive Design View. Command-Option-M on Mac. Handy! -- 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

[css-d] Selectivizr

2013-08-26 Thread Tom Livingston
List, Anyone (still) use this? Is there something better? http://selectivizr.com/ I use it regularly as nth-of type and first/last-of-type is so handy and I have to support back to IE7 usually. TIA -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx

Re: [css-d] Implementing Responsive Design

2013-08-23 Thread Tom Livingston
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@lists.css-discuss.org

Re: [css-d] Implementing Responsive Design

2013-08-23 Thread Tom Livingston
FWIW, what I do is repeat my styles without MQ's inside a conditional comment. Lo-fi, I know, but if you don't want to load a polyfil, this is another option.  I use sass imports to do this in a neat way. Email me if you want any more info. — Sent from Mailbox for iPhone

Re: [css-d] Implementing Responsive Design

2013-08-23 Thread Tom Livingston
On Fri, Aug 23, 2013 at 1:02 PM, Norman Fournier nor...@normanfournier.com wrote: If you're in a sharing mood, Tom, it would be great if you would post your solutions to this mailing list, and we could all benefit from your hard work ;-) On 2013-08-23, at 10:24 AM, Tom Livingston wrote

[css-d] Testing

2013-08-12 Thread Tom Livingston
Is this getting through? Haven't gotten anything from the list since July 10th... -- 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] Testing

2013-08-12 Thread Tom Livingston
OK thanks everyone. Sorry for the noise. I had bothered Mr. Meyer enough about this and was wondering if it was just me. Seems ok now! ;-) On Mon, Aug 12, 2013 at 2:53 PM, Mike Zeidler mczeid...@gmail.com wrote: Yes :-) On Aug 12, 2013 1:47 PM, Tom Livingston tom...@gmail.com wrote

Re: [css-d] Label Wrap

2013-08-12 Thread Tom Livingston
If I'm following you, I'd float:left both the input and label. Adjust as needed. HTH — Sent from Mailbox for iPhone On Mon, Aug 12, 2013 at 7:16 PM, Karl DeSaulniers k...@designdrumm.com wrote: So this check box is in a responsive layout and when the page is shrunk width wise, the text

Re: [css-d] Sprite Menu - Hover Issue for Newly-Added Item

2013-07-26 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] what should go in html{ } ?

2013-06-27 Thread Tom Livingston
font size from html' is a problem? What would the benefit be? I see nothing to gain. -- 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] what should go in html{ } ?

2013-06-26 Thread Tom Livingston
://necolas.github.io/normalize.css/ http://meyerweb.com/eric/tools/css/reset/ 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

Re: [css-d] background image AND background color?

2013-06-19 Thread Tom Livingston
You won't get PhotoShop multiply layer effects exactly, but using a 24bit png for your image with areas of alpha transparency to allow the bg color to come through is as close as u can get I believe. ​HTH  — Sent from Mailbox for iPhone On Wed, Jun 19, 2013 at 11:54 AM, COM

Re: [css-d] background image AND background color?

2013-06-18 Thread Tom Livingston
Background: #cco url('image.png') 0 0 no-repeat; — Sent from Mailbox for iPhone On Tue, Jun 18, 2013 at 8:22 PM, COM j...@coffeeonmars.com wrote: Fiddling with trying to combine a background image with background color applied to the same element and hoping to vary either one or both opacity.

[css-d] display:table-cell;

2013-06-17 Thread Tom Livingston
; but they are appearing next to each other in the browser. I understand why and expect this, but what would be the proper way to get them each on their own line? Wrap them each in a P for example, or is there a way to do it within the CSS? Thanks -- Tom Livingston | Senior Front-End Developer

Re: [css-d] display:table-cell;

2013-06-17 Thread Tom Livingston
On Mon, Jun 17, 2013 at 1:36 PM, Jukka K. Korpela jkorp...@cs.tut.fi wrote: 2013-06-17 19:25, Tom Livingston wrote: Given this structure: div class=sidebar a href= class=grey-button icon-infoInfographics/a a href= class=grey-button icon-calcTax Credit Calculator/a a href= class=grey-button

[css-d] Any layout gotchas?

2013-06-14 Thread Tom Livingston
site. My questions are: Are there any big 'gotchas' with this type of layout? Am I doing this correctly/the best way? TIA. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com

Re: [css-d] Any layout gotchas?

2013-06-14 Thread Tom Livingston
this on a production site. My questions are: Are there any big 'gotchas' with this type of layout? Am I doing this correctly/the best way? TIA. I should mention to narrow up your browser window to see the layout change. Thanks! -- Tom Livingston | Senior Front-End Developer | Media Logic | ph

[css-d] CSS3 Selectors

2013-06-12 Thread Tom Livingston
List, I use selectivizr frequently. Do you use this or something like it? What's your method for dealing with, for example, a lack of support for: p:nth-of-type(3n){ color: red; } TIA! -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279

Re: [css-d] CSS3 Selectors

2013-06-12 Thread Tom Livingston
. Outside of tables, I really haven't had projects that required :nth-child support in older browsers on any other html elements. /email signature id=paceaux name=Frank M. Taylor twitter=@paceaux / On Jun 12, 2013, at 2:11 PM, Tom Livingston wrote: List, I use selectivizr frequently. Do

Re: [css-d] CSS3 Selectors

2013-06-12 Thread Tom Livingston
: style .wrap div{width: 32%;margin-right:2%;float:left} .wrap div + div + div {margin-right:0;} /style div class=wrap div/div div/div div/div /div I like it. That idea never occurred to me, sadly. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph

Re: [css-d] How best to revise my style sheet? Reverse it?

2013-06-08 Thread Tom Livingston
I would recommend a mobile-first approach, yes. It's considered best practice. ​mediaqueri.es is a good gallery of responsive sites.  — Sent from Mailbox for iPhone On Sat, Jun 8, 2013 at 12:08 AM, Keith Purtell keithpurt...@keithpurtell.com wrote: I recently looked at the style sheet for my

Re: [css-d] unfamiliar url reference

2013-06-06 Thread Tom Livingston
, it is a placeholder character to later be replaced with an actual URL to an image. -- 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] Simple Floats on Multiple Rows Getting Stuck

2013-05-30 Thread Tom Livingston
to achieve this. 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/listinfo/css-d

Re: [css-d] Fwd: Can't get rid of horizontal scrollbars in 320x480

2013-05-24 Thread Tom Livingston
time tracking the culprit down. 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

[css-d] Supporting Retina Images

2013-05-24 Thread Tom Livingston
List, Does anyone have any good resources on supporting 2x images (Retina)? A 'how-to' would be good as well as I have not yet done this. Also, DO YOU support Retina/2x images in your web work?? Thanks! -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx

Re: [css-d] Fwd: Can't get rid of horizontal scrollbars in 320x480

2013-05-24 Thread Tom Livingston
/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@lists.css

Re: [css-d] @media all {} @media screen {}: Both ignored (or followed) by IE6-8

2013-05-22 Thread Tom Livingston
. This allows the cascade to render a desktop-only layout for old IE. A bit low-fi maybe, but works well for me and have had no issues other than the usual fixes needed for old IE regardless of MQs. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx

Re: [css-d] @media all {} @media screen {}: Both ignored (or followed) by IE6-8

2013-05-22 Thread Tom Livingston
@media { ... } Just thinking out loud, but is the above, without any attributes (?) like screen or all, valid? -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com

Re: [css-d] responsive css

2013-05-20 Thread Tom Livingston
...@pixelalchemy.com 513.300.2165 I generally use @media only screen and (min-width: [breakpoint]){} with a mobile-first layout. As far as size go, it may be the 13px font size on the body. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279

Re: [css-d] Responsive Design resources

2013-05-20 Thread Tom Livingston
I recommend Mobile First and Responsive Web Design from  abookapart.com as well as peeking under the hood at sites listed at mediaqueri.es HTH — Sent from Mailbox for iPhone On Mon, May 20, 2013 at 11:46 AM, Colin (Sandy) Pittendrigh sandy.pittendr...@gmail.com wrote: I'm a retired and

Re: [css-d] Image and background colour changes on hover.

2013-05-13 Thread Tom Livingston
comment. http://selectivizr.com/ 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

Re: [css-d] Top gap

2013-05-13 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 | fx

Re: [css-d] Best practices in only targeting only Styles needed for a page in an external style sheet?

2013-05-09 Thread Tom Livingston
container or even body for C and use that hook. 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

Re: [css-d] Need Excellent Resources for Responsive Design

2013-05-07 Thread Tom Livingston
on scalability? Awesome resources, tips, etc welcome! Thanks in Advance! I recommend: http://www.abookapart.com/products/responsive-web-design http://www.abookapart.com/products/mobile-first http://mediaqueri.es -- Tom Livingston | Senior Front-End Developer | Media Logic | ph

Re: [css-d] font-sizing bug in generated content in IE 10 ?

2013-04-26 Thread Tom Livingston
rem, Georg ? Having been forced to use rem for this fix, I am now considering adopting them more widely. Philip Taylor Support isn't too bad for rem. What's best practice fall back for using rem? -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx

Re: [css-d] background image not appearing

2013-04-26 Thread Tom Livingston
Background images are relative to the CSS not the HTML  — Sent from Mailbox for iPhone On Fri, Apr 26, 2013 at 7:12 PM, COM j...@coffeeonmars.com wrote: On Apr 26, 2013, at 4:04 PM, Micky Hulse mickyhulse.li...@gmail.com wrote: Have you tried: background-image:url(../image/bricktile.jpg);

Re: [css-d] background image not appearing

2013-04-26 Thread Tom Livingston
Correct — Sent from Mailbox for iPhone On Fri, Apr 26, 2013 at 7:29 PM, COM j...@coffeeonmars.com wrote: On Apr 26, 2013, at 4:26 PM, COM j...@coffeeonmars.com wrote: Background images are relative to the CSS not the HTML Wait..so…you're saying that the .css document is making the call for

Re: [css-d] Question regarding the use of section

2013-04-18 Thread Tom Livingston
? section role=main I admit to still being confused by the proper use of section and article. I was waiting for the dust to settle on them (which it probably has by now) and in the meantime, I use: div class=main role=main/div 2¢ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph

Re: [css-d] font-size in body selector?

2013-04-18 Thread Tom Livingston
You can spec font-size of 100% on the body. This respects the users preference settings in their browser. You can then spec element font size in ems. The 16px is usually the default size set in browsers upon install.  — Sent from Mailbox for iPhone On Thu, Apr 18, 2013 at 5:54 PM, COM

Re: [css-d] ul bullets: change color?

2013-04-14 Thread Tom Livingston
What I usually see for this is wrapping the li text in spans and styling that to over ride the styling of the ul. — Sent from Mailbox for iPhone On Sun, Apr 14, 2013 at 6:46 PM, COM j...@coffeeonmars.com wrote: I am having a tough time finding online (google, w3schools) the correct way to

Re: [css-d] Fwd: Centering contained div with unknown width.

2013-04-02 Thread Tom Livingston
-- Tom Livingston | Senior Interactive 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] desktop first tutorial

2013-04-02 Thread Tom Livingston
I would assume the base styles are the desktop, and as break points decrease, you would undo the desktop layout. My experience with a site I took over that was done this way is that desktop first seems to require a lot more code to over-ride the desktop layout than it does to build

Re: [css-d] desktop first tutorial

2013-04-02 Thread Tom Livingston
In response to your issue #2 below, I have had good luck with putting MQs on link elements, and then repeating the link elements without MQs inside a conditional comment for 7 8, allowing the cascade work to deliver a desktop-only layout for old IE. I hate poly filling everything and also had

Re: [css-d] Drop down menu pushing content down

2013-03-19 Thread Tom Livingston
some thoughts... -- Tom Livingston | Senior Interactive 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

[css-d] SCSS question

2013-03-18 Thread Tom Livingston
. This would be inside conditional comments. Is this off base, or am I ok? Off-list replies are requested if this is leaning off-topic for this list. Thanks! -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com

Re: [css-d] Media query syntax when a separate style sheet is included

2013-03-16 Thread Tom Livingston
FWIW, I use MQs on link elements to load sheets. Then, for IE less than 9, I repeat the link elements without MQs inside a conditional comment to serve the desktop only layout to those browsers. This may be a little low-tech and it is a few more http requests, but I am not a fan of poly-filling

Re: [css-d] Media query syntax when a separate style sheet is included

2013-03-16 Thread Tom Livingston
— Sent from Mailbox for iPhone On Sat, Mar 16, 2013 at 8:32 AM, Tom Livingston tom...@gmail.com=mailto:tom...@gmail.com; wrote: FWIW, I use MQs on link elements to load sheets. Then, for IE less than 9, I repeat the link elements without MQs inside a conditional comment to serve the desktop

Re: [css-d] Media query syntax when a separate style sheet is included

2013-03-15 Thread Tom Livingston
This may shed some light: http://stackoverflow.com/questions/8549529/what-is-the-difference-between-screen-and-only-screen-in-media-queries — Sent from Mailbox for iPhone On Fri, Mar 15, 2013 at 8:31 PM, Philippe Wittenbergh e...@l-c-n.com wrote: Le 16 mars 2013 à 09:05, Micky Hulse

Re: [css-d] Select adjacent, but separately nested elements?

2013-03-14 Thread Tom Livingston
Can you apply the border to the second section instead of the nav? — Sent from Mailbox for iPhone On Thu, Mar 14, 2013 at 7:26 AM, Markus Ernst derer...@gmx.ch wrote: Hello I have a structure of nested elements somehow like: article div section table ...

Re: [css-d] Can You Do This?

2013-03-05 Thread Tom Livingston
; border=spacing:5px } Regards D) Most prefer bottom posting. Though, with GMail, it's more work so top posting does happen. Like others, I don't see why you're floating at all. TDs naturally flow next to each other in rows. -- Tom Livingston | Senior Interactive Developer

[css-d] Fwd: clear content after non-floating items?

2013-03-04 Thread Tom Livingston
Oops. Forgot reply-all again... -- Forwarded message -- From: Tom Livingston tom...@gmail.com Date: Mon, Mar 4, 2013 at 12:28 PM Subject: Re: [css-d] clear content after non-floating items? To: Laura Valentino la...@vidmot.com There doesn't appear to be any floats involved

Re: [css-d] Wordpress Sidebar Problem

2013-02-28 Thread Tom Livingston
to the sidebar and floating it left. Adjust to suit. HTH -- Tom Livingston | Senior Interactive 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] printing parts of a page.

2013-02-28 Thread Tom Livingston
Is there anything above the div that you need printed? If not, try a print style that hides anything above the desired div or if nothing is above it, make a print style to pull the div back up the page. HTH Sent from my iPhone On Feb 28, 2013, at 8:26 PM, Wade Smart wadesm...@gmail.com wrote:

Re: [css-d] Layout glitching on href hover

2013-02-27 Thread Tom Livingston
So no takers on this? Am I missing something so simple that everyone was afraid to tell me? No one has IE 10 to test in? The layout has changed on the actual page, but I'd still love to know what was going on on my test page... Thanks! On Mon, Feb 25, 2013 at 11:38 AM, Tom Livingston tom

Re: [css-d] Layout glitching on href hover

2013-02-27 Thread Tom Livingston
On Wed, Feb 27, 2013 at 11:49 AM, Georg ge...@gunlaug.com wrote: On 27.02.2013 11:30, Tom Livingston wrote: http://proof.mlinc.com/tl/**cssd3/test.htmlhttp://proof.mlinc.com/tl/cssd3/test.html In Win 8, IE 10 (desktop or 'metro'), when we hover over the href in the middle callout

Re: [css-d] Layout glitching on href hover

2013-02-27 Thread Tom Livingston
On Wed, Feb 27, 2013 at 12:56 PM, Georg ge...@gunlaug.com wrote: On 27.02.2013 11:55, Tom Livingston wrote: Good to know I am not going crazy. Yet. :-) ... apparently not yet. The addition of... .calloutwrap p {overflow: hidden;} ...seems to make IE10 behave in your case. You must

Re: [css-d] hover and active pseudo classes on touch screen

2013-02-27 Thread Tom Livingston
) - which is actually kinda cool, if unexpected. Is this a known thing? Google isn't helping me! Laura There are things like: a:link { -webkit-tap-highlight-color: rgb(52,158,219); } which, I assume (uh-oh) that will allow you to customize that 'random' color... -- Tom Livingston | Senior

[css-d] Layout glitching on href hover

2013-02-25 Thread Tom Livingston
corners sorta. Can anyone reproduce this weirdness and/or see why? TIA -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css-d@lists.css-discuss.org

Re: [css-d] percents inside em container in fluid site

2013-02-25 Thread Tom Livingston
. Working for me in Mac Chrome (latest release). Try adding div{box-sizing: border-box;} and also I usually leave some wiggle room and not have widths add up to exactly 100%. HTH -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279

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