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

On Thu, Sep 4, 2014 at 9:29 AM, Philippe Wittenbergh e...@l-c-n.com wrote: Le 4 sept. 2014 à 00:31, Tom Livingston tom...@gmail.com a écrit : 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

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

One possibility: set the line-height to '1' on the element. Might help a little by making the line box the same size as the font-size. Le 4 sept. 2014 à 00:50, Tom Livingston tom...@gmail.com a écrit : Also, I can't use background-position: 100% 50%; in this case as the arrow

Re: [css-d] Centering menu items responsively

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

Re: [css-d] a img tag being overwritten?

@lists.css-discuss.org javascript:;] 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] a img tag being overwritten?

On Wed, Sep 10, 2014 at 10:32 PM, John j...@coffeeonmars.com wrote: On Sep 10, 2014, at 7:21 PM, Tom Livingston tom...@gmail.com wrote: The a is a stylable element independent of the img. OK..then would that mean that an empty a tag would have an underline? a class=“has-border-bottom

Re: [css-d] a img tag being overwritten?

On Wed, Sep 10, 2014 at 11:11 PM, Tom Livingston tom...@gmail.com wrote: On Wed, Sep 10, 2014 at 10:32 PM, John j...@coffeeonmars.com wrote: On Sep 10, 2014, at 7:21 PM, Tom Livingston tom...@gmail.com wrote: The a is a stylable element independent of the img. OK..then would that mean

Re: [css-d] a img tag being overwritten?

I guess you would if the images wasn't found. Alt text would get decorated? Can't check right now. On Thursday, September 11, 2014, Philippe Wittenbergh e...@l-c-n.com wrote: Le 11 sept. 2014 à 18:56, MiB digital.disc...@gmail.com javascript:; a écrit : sep 11 2014 05:19 Tom Livingston tom

[css-d] Fwd: a img tag being overwritten?

-- Forwarded message -- From: *MiB* digital.disc...@gmail.com Date: Thursday, September 11, 2014 sep 11 2014 13:33 Tom Livingston tom...@gmail.com javascript:_e(%7B%7D,'cvml','tom...@gmail.com');: I guess you would if the images wasn't found. Alt text would get decorated

Re: [css-d] a img tag being overwritten?

...and it's wrapped in an a. On Thursday, September 11, 2014, Tom Livingston tom...@gmail.com wrote: -- Forwarded message -- From: *MiB* digital.disc...@gmail.com javascript:_e(%7B%7D,'cvml','digital.disc...@gmail.com'); Date: Thursday, September 11, 2014 sep 11 2014

Re: [css-d] how to locate un-used CSS?

-- 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] Call Button CSS not working in all browsers

-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

Re: [css-d] Call Button CSS not working in all browsers

-discuss [css-d@lists.css-discuss.org javascript:;] 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

Re: [css-d] Call Button CSS not working in all browsers

is usually 'min-width: 30em' (480px). -- 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] Call Button CSS not working in all 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/listinfo/css-d List wiki/FAQ

Re: [css-d] IE8/Netrenderer reveals huge problems

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] IE8/Netrenderer reveals huge problems

-size: 1rem; -- 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

Re: [css-d] IE8/Netrenderer reveals huge problems

@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 Developer | Media

Re: [css-d] IE8/Netrenderer reveals huge problems

On Tue, Sep 16, 2014 at 4:16 PM, John j...@coffeeonmars.com wrote: On Sep 16, 2014, at 1:11 PM, Tom Livingston tom...@gmail.com wrote: IMHO It's well worth adding the px fallback instead the px fallback being to add font-size: 16px; font-size: 1rem; to my css up at the top, right

Re: [css-d] IE8/Netrenderer reveals huge problems

Correct. On Tue, Sep 16, 2014 at 4:25 PM, John j...@coffeeonmars.com wrote: On Sep 16, 2014, at 1:21 PM, Tom Livingston tom...@gmail.com wrote: the px fallback being to add font-size: 16px; font-size: 1rem; to my css up at the top, right? Does this also set 1rem equal to 16px

Re: [css-d] rem units and %

and a gutter of 60. Using percentages, that would be 67%, 26% and 6% with 1% wiggle room (I don't recommend making everything add up to exactly 100% because of differences in browser renderings). -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279

Re: [css-d] Webkit syntax for stopped linear gradient

@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 Developer

Re: [css-d] rem units and %

elements will inherit the raw number value, rather than the computed value. With this, child elements can compute their line heights based on their computed font size, rather than inheriting an arbitrary value from a parent that is more likely to need overriding. -- Tom Livingston | Senior Front

Re: [css-d] More ems fun!

-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] More ems fun!

__ 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/ -- Tom Livingston | Senior

Re: [css-d] More ems fun!

of the image. Anyone know? -- 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] More ems fun!

/ -- 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] rem units and %

with em. And that's a really good thing. -- 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] after pseudo-class and link

, but it would be inside the a. A quick test with adding some text after an element worked for me in latest Mac FF/Chrome. HTH -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com

Re: [css-d] after pseudo-class and link

in the content: : rule? -- 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

Re: [css-d] after pseudo-class and link

On Thu, Sep 18, 2014 at 9:28 AM, Tom Livingston tom...@gmail.com wrote: On Thu, Sep 18, 2014 at 9:17 AM, Chris Rockwell ch...@chrisrockwell.com wrote: I assume you're adding this as a background-image, is that correct? Something like: div:after { content: ; background-image: url

Re: [css-d] after pseudo-class and link

On Thu, Sep 18, 2014 at 9:49 AM, Philippe Wittenbergh e...@l-c-n.com wrote: Le 18 sept. 2014 à 22:28, Tom Livingston tom...@gmail.com a écrit : Can you add the image as base64 in the content: : rule? How would that help in making the image a link? I guess I was adding this to my comment

Re: [css-d] rem units and %

On Thu, Sep 18, 2014 at 10:53 AM, John j...@coffeeonmars.com wrote: On Sep 18, 2014, at 5:47 AM, Tom Livingston tom...@gmail.com wrote: I haven't heard any arguments about not using rem for anything but font-size until this thread. I've only heard that it's no different than using em, except

Re: [css-d] iFrame Tag Error in Validation

-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

Re: [css-d] rem units and %

. This is failure on the designers/devs part. Not CSS's. Is CSS responsible for the containers not flexing? Technically, yes. Did it get into the site by itself and mess things up? No. It was used incorrectly. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231

Re: [css-d] First-Child

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

Re: [css-d] Grid Columns and Frustrations

, with what I know, and what I can get done in time. -- 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] Grid Columns and Frustrations

designs to this layout that may or may not fit this grid? Or do all your sites have to look like they were built in Wordpress.. lol. Best, Karl DeSaulniers Design Drumm http://designdrumm.com __ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx

Re: [css-d] Grid Columns and Frustrations

issues that might be more easily helped with here on the list like how do I get this image to break out of its grid column as a design element etc. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com

Re: [css-d] Grid Columns and Frustrations

is possible. You don't need a grid frame work, obviously, although if you want to build a responsive site they say it will help with the development. I only build responsively now and I don't use a framework. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph

Re: [css-d] custom fonts not working in Chrome

__ 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/ -- Tom Livingston

Re: [css-d] Grid Columns and Frustrations

Just gonna throw this out here for FYI/Reference purposes, just in case: http://sudheerdev.github.io/Foundation5CheatSheet/ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com

Re: [css-d] Dropdown menu not working on Safari

[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] Sizing for different viewers/devices

; (or whatever you need). HTH -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com #663399 __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman

Re: [css-d] Sizing for different viewers/devices

at it on your small device with and without this line. Here's reference: http://www.quirksmode.org/mobile/metaviewport/ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com #663399

Re: [css-d] Sizing for different viewers/devices

portrait orientation. Scrolling card content works on my iPhone but a scroll bar is not visible for me. This might cause users to not know scrolling is possible. HTH -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com #663399

Re: [css-d] Grid System

/help_support_evolt/ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo

Re: [css-d] Grid System

-- http://www.evolt.org/help_support_evolt/ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 __ css-discuss [css-d@lists.css-discuss.org] http

Re: [css-d] Grid System

Sorry, that should read If you don't know context you CAN'T use the formula... Another victim of auto correct... On Monday, October 20, 2014, Tom Livingston tom...@gmail.com wrote: I have to agree with Philip here. If you don't know context you can use the formula you referenced. That, I

Re: [css-d] Grid System

this list. I'm sorry. I must have missed the context mentioned. I only saw references to fixed width gutters. I'll re-read. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399

Re: [css-d] Grid System

On Monday, October 20, 2014, Tom Livingston tom...@gmail.com wrote: On Monday, October 20, 2014, MiB digital.disc...@gmail.com javascript:_e(%7B%7D,'cvml','digital.disc...@gmail.com'); wrote: okt 20 2014 12:20 Philip Taylor p.tay...@rhul.ac.uk: On the contrary, I want to challenge your

Re: [css-d] Grid System

On Monday, October 20, 2014, David Hucklesby huckle...@gmail.com wrote: On 10/20/14, 2:16 AM, MiB wrote: okt 20 2014 11:08 MiB digital.disc...@gmail.com: Grids are not hocus locus. I’m giving this response a Like :) Magic plague ;-) -- Tom Livingston | Senior Front-End

Re: [css-d] Float problems

-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 | medialogic.com #663399 __ css

Re: [css-d] Float problems

...@coffeeonmars.com wrote: On Oct 20, 2014, at 5:50 PM, Tom Livingston tom...@gmail.com wrote: Actually, in Chrome dev tools, i see .sample-summary div wrapping only the two little paragraphs. And the p wrapping the imgs is 100% width; Here is with that p with a red line around

Re: [css-d] Float problems

On Mon, Oct 20, 2014 at 9:11 PM, John j...@coffeeonmars.com wrote: On Oct 20, 2014, at 6:03 PM, Tom Livingston tom...@gmail.com wrote: .sample-summary is 100% width, and is holding the images down. In Chrome dev tools, I was able to add a style to .sample-summary as so: width: 30

Re: [css-d] Float problems

On Mon, Oct 20, 2014 at 9:22 PM, John j...@coffeeonmars.com wrote: On Oct 20, 2014, at 6:15 PM, Tom Livingston tom...@gmail.com wrote: That style says that the ps INSIDE .sample-summary are 30% wide. and the markup I see in Chrome dev tools is: div class=sample-summary p/p p/p /div p

Re: [css-d] site makeover

://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] site makeover

On Thu, Oct 30, 2014 at 11:07 AM, David Laakso laakso.davi...@gmail.com wrote: On Thu, Oct 30, 2014 at 10:29 AM, Tom Livingston tom...@gmail.com wrote: David, Only thing that struck me was the menu background could be a bit more opaque, especially when over busier page contents. Good point

Re: [css-d] Responsive HTML5/CSS3 Only Template Resource

/help_support_evolt/ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman

[css-d] IE 8 issue upon refresh

Hello list, Shocking as this may seem, I'm having an issue with IE8. When I first hit this page it seems to work fine. But after a refresh or two, it goes blank and doesn't recover. Can anyone see what I am not? http://proof.mlinc.com/tl/ie8test/ Thanks in advance. -- Tom Livingston

Re: [css-d] IE 8 issue upon refresh

On Tue, Nov 4, 2014 at 2:56 PM, Tom Livingston tom...@gmail.com wrote: Hello list, Shocking as this may seem, I'm having an issue with IE8. When I first hit this page it seems to work fine. But after a refresh or two, it goes blank and doesn't recover. Can anyone see what I am not? http

Re: [css-d] why is hover area so large (tall) ?

I'm not able to look right now but based on Philippe's reply it sounds like you had a ul inside an li. The li has :hover styles applied. Since the ul was not visible but still present (because there is no such thing as display:hidden;) the li was actually as tall as its content - which included

Re: [css-d] Responsive Images

I've been using a polyfill called picturefill. It will serve the necessary image based on media query. Very few people, if any, change browser viewport sizes while browsing like devs do in testing. Only the appropriate image gets served. No crazy amounts of server requests. Sent from my

Re: [css-d] Responsive Images

Swapping bg images is easy enough with media queries, however, many mobile device browsers will download images within other mqs. There is an easy way to stop this in most cases. For example, my base mobile styles (because you build pages mobile-first, right?) have a bg img. I'll use that img

Re: [css-d] Responsive Images

at these breakpoints). Again, this assumes a mobile-first build (because that's best). Here's the article. Test five is what I am referring to. http://timkadlec.com/2012/04/media-query-asset-downloading-results/ HTH -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231

Re: [css-d] Responsive Images

Sent from my iPhone On Nov 6, 2014, at 6:38 PM, Crest Christopher crestchristop...@gmail.com wrote: Why do you recommend building mobile first ? Aside from being best practice, it is much harder and requires more code to achieve a mobile layout from a desktop first build because it requires

Re: [css-d] Why is child wider than parent?

-- 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 | medialogic.com #663399

Re: [css-d] Responsive Images

image assets perfectly, focus more on markup and styles... What is pixel-perfect in an image editor will not be in code/browser. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399

Re: [css-d] Responsive Images

displays. I dont worry about it for photographs. Logos mostly. see picturefill.js http://scottjehl.github.io/picturefill/ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399

Re: [css-d] Responsive Images

On Thu, Nov 6, 2014 at 7:42 PM, David Laakso laakso.davi...@gmail.com wrote: On Thu, Nov 6, 2014 at 7:17 PM, Tom Livingston tom...@gmail.com wrote: Sent from my iPhone On Nov 6, 2014, at 6:38 PM, Crest Christopher crestchristop...@gmail.com wrote: Why do you recommend building mobile first

Re: [css-d] Responsive Images

a 5K image, from there I scale it down, or up because I'll be designing for mobile first, then I adjust the page and graphics accordingly for desktop. Christopher postbox-contact.jpgTom Livingston Thursday, November 06, 2014 7:41 PM That does make sense to build simpler

Re: [css-d] sticky footer position in IE - bottom of window instead of page

Not working in ios8.1 safari either. Just sits at the bottom of the content. Sent from my iPhone On Nov 7, 2014, at 7:59 PM, Debbie Campbell d...@redkitecreative.com wrote: Having a problem with IE here... http://www.boissonconsulting.com/resources/ I'm using this sticky footer method

Re: [css-d] sticky footer position in IE - bottom of window instead of page

footer in any browser. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org

Re: [css-d] sticky footer position in IE - bottom of window instead of page

It may just be early here but if the content is deeper than the current viewport, this will cause problems. Also I don't see how this is sticky. Sent from my iPhone On Nov 9, 2014, at 9:49 AM, Colin (Sandy) Pittendrigh sandy.pittendr...@gmail.com wrote: Am I right? I'm asking, not

Re: [css-d] Position discrepancy, browser to browser

that might be different. Since nothing seems to be telling the input to be 100% wide, or float right, etc. of the aside, it seems to be doing what I would expect - and that would be to NOT line up with the right edge of the 'in' icon. HTH -- Tom Livingston | Senior Front-End Developer | Media

Re: [css-d] Position discrepancy, browser to browser

this helps someone.. John Well, unless you override #s in your desktop MQ, you would see a change on desktop if you changed tablet MQ... provided you're building mobile-first... -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com

Re: [css-d] Position discrepancy, browser to browser

On Mon, Nov 10, 2014 at 4:59 PM, Tom Livingston tom...@gmail.com wrote: On Mon, Nov 10, 2014 at 4:11 PM, John j...@coffeeonmars.com wrote: On Nov 10, 2014, at 1:07 PM, John j...@coffeeonmars.com wrote: I am fairly sure I tried this before, but width 100% float right works now, correctly

Re: [css-d] Position discrepancy, browser to browser

On Mon, Nov 10, 2014 at 5:00 PM, John j...@coffeeonmars.com wrote: On Nov 10, 2014, at 1:59 PM, Tom Livingston tom...@gmail.com wrote: Well, unless you override #s in your desktop MQ, you would see a change on desktop if you changed tablet MQ... provided you're building mobile-first

Re: [css-d] Position discrepancy, browser to browser

On Mon, Nov 10, 2014 at 5:04 PM, John j...@coffeeonmars.com wrote: On Nov 10, 2014, at 2:01 PM, Tom Livingston tom...@gmail.com wrote: Well, I guess that's not always true, depending on your MQs, huh?! I tend to use only min-width MQs for the most part. Yeah, most true and these variable

[css-d] 3 elements side by side

. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List

Re: [css-d] 3 elements side by side

Thanks guys. I seem to always forget CSS tables... I'll give it a shot. I got some complicated transform hover effects that I need to play nice... On Mon, Nov 10, 2014 at 7:58 PM, Karl DeSaulniers k...@designdrumm.com wrote: On Nov 10, 2014, at 5:09 PM, Tom Livingston tom...@gmail.com wrote

Re: [css-d] Mobile Design Mockup Critique ?

@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 Developer

Re: [css-d] Mobile Design Mockup Critique ?

/ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List

Re: [css-d] Screens overload

/ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d

Re: [css-d] Screens overload

that your code will render appropriately at /any/ resolution/screen-size/W-H-Y rather than coding for a discrete set of sizes today and having to do a complete re-write tomorrow ? As previously mentioned. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231

Re: [css-d] Screens overload

for each one will not be possible. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 __ css-discuss [css-d@lists.css-discuss.org] http://www.css

Re: [css-d] Screens overload

On Thu, Nov 13, 2014 at 10:50 AM, MiB digital.disc...@gmail.com wrote: nov 13 2014 16:39 Tom Livingston tom...@gmail.com: A sheet/styles for base styles. No MQ. A sheet/styles that kicks in with an MQ of min-width: 30em to make any necessary tweaks to the content. A sheet/styles

[css-d] Position fixed and transforms

on the parent of my header will mess up the fixed positioning. My question is how do I turn off/negate/undo the transition at wider widths so my fixed header will work? Sorry, can't post code right now. Thanks in advance. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph

Re: [css-d] Position fixed and transforms

On Mon Nov 17 2014 at 12:18:44 PM Tom Livingston tom...@gmail.com wrote: Hello list, I am using transform: translate3d(0px, 0px, 0px); on a parent element for off-screen mobile nav. At wider widths, I switch to a typical top nav, and add position:fixed to my header (a child

Re: [css-d] Position fixed and transforms

I'll try that. From what I read, the fact that transform is on the parent at all is the problem. I'll reply after I give it a shot. Thanks On Mon, Nov 17, 2014 at 8:21 PM Philippe Wittenbergh e...@l-c-n.com wrote: Le 18 nov. 2014 à 02:18, Tom Livingston tom...@gmail.com a écrit : I am

Re: [css-d] CSS Particle Transition (Example of Effect)

Please try the webdesign-l list. That example is done with script. This list is for CSS. http://www.webdesign-l.com/ On Thu Nov 20 2014 at 4:51:17 PM Crest Christopher crestchristop...@gmail.com wrote: I want to do an effect similar to this http://andrew-hoyer.com/experiments/rain/, except

Re: [css-d] CSS Particle Transition (Example of Effect)

Neat though ;-) On Thu Nov 20 2014 at 4:51:17 PM Crest Christopher crestchristop...@gmail.com wrote: I want to do an effect similar to this http://andrew-hoyer.com/experiments/rain/, except the div breaks up into particles and transitions to another div. I hope I'm understood ?

Re: [css-d] Media Queries not working

Try: @media only screen and (min-width : 320px) { #menupanel {background-color:red;height:400px;width:320px;border:2px;} } @media only screen and (min-width : 600px) { #menupanel {background-color:gray;height:400px;width:500px;} } On Thu, Nov 20, 2014 at 8:37 PM Crest Christopher

Re: [css-d] Media Queries not working

could do: #menupanel { background-color: red } @media (min-width: 321px) { #menupanel { background-color: gray; } } Chris Rockwell Tom Livingston mailto:tom...@gmail.com Thursday, November 20, 2014 8:46 PM Try: @media only screen and (min-width : 320px) { #menupanel

Re: [css-d] Media Queries not working

On Thu Nov 20 2014 at 9:47:11 PM Crest Christopher crestchristop...@gmail.com wrote: Why is it adding 4px for left and right ? I'm reading up on box-sizing, I don't see the benefit ? Without setting box-xizing to border-box, the box model is additive (except in older IE, ironically) which

Re: [css-d] Media Queries not working

On Thu Nov 20 2014 at 9:54:00 PM Tom Livingston tom...@gmail.com wrote: On Thu Nov 20 2014 at 9:47:11 PM Crest Christopher crestchristop...@gmail.com wrote: Why is it adding 4px for left and right ? I'm reading up on box-sizing, I don't see the benefit ? Without setting box-xizing

Re: [css-d] Don't miss a space

This will be handled by the min-width MQs, as mentioned before. Base styles for small screens like iPhone. Then, for example, the next MQ at 480 for landscape iPhone. The gap between base and 480 will take care of the different width phones. On Sat, Nov 22, 2014 at 7:47 PM Crest Christopher

Re: [css-d] Don't miss a space

my site on many difference devices until as you said, the layout looks poor, hence all the mobile testing sites online. I didn't expect to already begin to need it, I suppose it came sooner then later ! Christopher Tom Livingston mailto:tom...@gmail.com Saturday, November 22, 2014

Re: [css-d] Don't miss a space

I don't recommend using all of these 'just because'. Good info though. On Sun, Nov 23, 2014 at 8:27 PM Karl DeSaulniers k...@designdrumm.com wrote: On Nov 23, 2014, at 10:29 AM, Crest Christopher crestchristop...@gmail.com wrote: Tom Tim - I forgot about the mobile tools in Chrome, they

Re: [css-d] Don't miss a space

On Mon Nov 24 2014 at 9:30:08 AM Crest Christopher crestchristop...@gmail.com wrote: What do you mean, make images width:100% like this; img {width:100%} ? With regards to the image in a div I assume you mean this; divimg/img/div div {width:76%} ? In other words the image will scale

Re: [css-d] Don't miss a space

On Mon Nov 24 2014 at 9:27:25 AM Crest Christopher crestchristop...@gmail.com wrote: as a responsive container/div now turned into an extremely narrow container/div that looks horrible ? Christopher Enter Media Queries stage left and... ACTION! On small screens, you'd have a different

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