[css-d] button using text and graphic

2014-09-02 Thread Tom Livingston
mpts. I feel like I'm 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.o

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 Livi

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 wrote: > > > Tom Livingston wrote: > > background-color: $yellow; >> color: $lightblue; >> > > What do the dollar signs contribute ? > Philip Taylor >

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

2014-09-02 Thread Tom Livingston
Text! > > Best, > Karl > > > > Karl DeSaulniers > Design Drumm > http://designdrumm.com > > > > On Sep 2, 2014, at 3:45 PM, Tom Livingston > wrote: > > > The text isn't a graphic. > > > > > > On Tue, Sep 2, 2014 at 4:33 PM, Cre

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 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 > 'back

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 wrote: > > Le 3 sept. 2014 à 07:05, Georg 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 woul

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

2014-09-03 Thread Tom Livingston
ure I'm currently using is just this: Learn More -- 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-dis

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

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

2014-09-03 Thread Tom Livingston
e is an image of two different colored arrows that move up and down on hover via background-position. .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 | mlin

[css-d] CSS Shapes

2014-09-04 Thread Tom Livingston
g 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 [

Re: [css-d] CSS Shapes

2014-09-04 Thread Tom Livingston
On Thu, Sep 4, 2014 at 8:32 AM, Tom Livingston 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/wri

Re: [css-d] CSS Shapes

2014-09-04 Thread Tom Livingston
On Thu, Sep 4, 2014 at 8:58 AM, Philippe Wittenbergh wrote: > > Le 4 sept. 2014 à 21:32, Tom Livingston 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: > > >

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

2014-09-04 Thread Tom Livingston
On Thu, Sep 4, 2014 at 9:29 AM, Philippe Wittenbergh wrote: > > Le 4 sept. 2014 à 00:31, Tom Livingston 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 >

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

2014-09-04 Thread Tom Livingston
> >> 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 a écrit : >> >> > Also, I can't use background-p

Re: [css-d] Centering menu items responsively

2014-09-05 Thread Tom Livingston
-------- > __ > css-discuss [css-d@lists.css-discuss.org ] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FA

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

2014-09-10 Thread Tom Livingston
my rules? > > John > > __ > 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/

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

2014-09-10 Thread Tom Livingston
On Wed, Sep 10, 2014 at 10:32 PM, John wrote: > > On Sep 10, 2014, at 7:21 PM, Tom Livingston wrote: > > The is a stylable element independent of the img. > > > OK..then would that mean that an empty a tag would have an underline? > > > > ^^ this would

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

2014-09-10 Thread Tom Livingston
On Wed, Sep 10, 2014 at 11:11 PM, Tom Livingston wrote: > > > On Wed, Sep 10, 2014 at 10:32 PM, John wrote: > >> >> On Sep 10, 2014, at 7:21 PM, Tom Livingston wrote: >> >> The is a stylable element independent of the img. >> >> >> OK..

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

2014-09-11 Thread Tom Livingston
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 wrote: > > Le 11 sept. 2014 à 18:56, MiB > > a écrit : > > > sep 11 2014 05:19 Tom Livingston >: > >

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

2014-09-11 Thread Tom Livingston
-- Forwarded message -- From: *MiB* Date: Thursday, September 11, 2014 sep 11 2014 13:33 Tom Livingston >: I guess you would if the images wasn't found. Alt text would get decorated? Can't check right now. That is what is happening and is on spec as far as I k

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

2014-09-11 Thread Tom Livingston
...and it's wrapped in an . On Thursday, September 11, 2014, Tom Livingston wrote: > > > -- Forwarded message -- > From: *MiB* > > Date: Thursday, September 11, 2014 > > > > > sep 11 2014 13:33 Tom Livingston : > > I guess you woul

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

2014-09-11 Thread Tom Livingston
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] Call Button CSS not working in all browsers

2014-09-13 Thread Tom Livingston
st 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 | m

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

2014-09-13 Thread Tom Livingston
___ > 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 --

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

2014-09-13 Thread Tom Livingston
ation: landscape){.call {display:run-in; }} >> and >> /* Phone Portrait (320px) */ >> @media only screen and (max-width: 320px) {.call {display:run-in; }} >> >> Site can be viewed temporarily at: >> http://www.sportsmanfishing.com/webdev/index.html >> >>

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

2014-09-13 Thread Tom Livingston
On Saturday, September 13, 2014, Paul wrote: > I remember reading that somewhere also so I will give a try on my next go. > Should I be using em instead of px? > > > > Brad Frost explains: http://bradfrostweb.com/blog/post/7-habits-of-highly-effective-media-queries/#r

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

2014-09-16 Thread Tom Livingston
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 Devel

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

2014-09-16 Thread Tom Livingston
and > occasionally come across cases where "decent" IE8 support is required. > > Tim > > Just add a fallback, if this is the issue: font-size: 16px; font-size: 1rem; -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 |

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

2014-09-16 Thread Tom Livingston
___ > 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.o

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

2014-09-16 Thread Tom Livingston
On Tue, Sep 16, 2014 at 4:16 PM, John wrote: > > On Sep 16, 2014, at 1:11 PM, Tom Livingston 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 u

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

2014-09-16 Thread Tom Livingston
Correct. On Tue, Sep 16, 2014 at 4:25 PM, John wrote: > On Sep 16, 2014, at 1:21 PM, Tom Livingston 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 %

2014-09-16 Thread Tom Livingston
650px, a side bar of 250 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

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

2014-09-16 Thread Tom Livingston
t; > Regards, > > Tim Dawson > > -- > Tim Dawson > Maolbhuidhe > Fionnphort > Isle of Mull PA66 6BP > > 01681 700718 > __ > css-discuss [css-d@lists.css-discuss.org] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discus

Re: [css-d] rem units and %

2014-09-16 Thread Tom Livingston
recommended due to the fact that child 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 overri

Re: [css-d] More ems fun!

2014-09-17 Thread Tom Livingston
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] More ems fun!

2014-09-17 Thread Tom Livingston
> 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://

Re: [css-d] More ems fun!

2014-09-17 Thread Tom Livingston
;width="XXX" height="YYY" /> >> >> >> >> h1 span { >> display:none; >> } >> /* h1 text inside the span tag does not visually display, >> It's not the span tag that's good, it's the text it wrap

Re: [css-d] More ems fun!

2014-09-18 Thread Tom Livingston
lp_support_evolt/ > > __________ > css-discuss [css-d@lists.css-discuss.org] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-disc

Re: [css-d] rem units and %

2014-09-18 Thread Tom Livingston
em, except for the lack of the compounding issue associated 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-

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

2014-09-18 Thread Tom Livingston
an ? You would be adding the image after the element, but it would be inside the . A quick test with adding some text after an element worked for me in latest Mac FF/Chrome. HTH -- Tom Livingston | Senior Front-End Develop

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

2014-09-18 Thread Tom Livingston
>> convoluted solution. >> >> Dave Solko >> Pixel Alchemy >> d...@pixelalchemy.com >> 513.300.2165 >> >> >> Can you add the image as base64 in the content: "": rule? -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 5

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

2014-09-18 Thread Tom Livingston
On Thu, Sep 18, 2014 at 9:28 AM, Tom Livingston wrote: > On Thu, Sep 18, 2014 at 9:17 AM, Chris Rockwell > wrote: >> I assume you're adding this as a background-image, is that correct? >> Something like: >> div:after { >> content: " "; >>

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

2014-09-18 Thread Tom Livingston
On Thu, Sep 18, 2014 at 9:49 AM, Philippe Wittenbergh wrote: > > Le 18 sept. 2014 à 22:28, Tom Livingston 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 th

Re: [css-d] rem units and %

2014-09-18 Thread Tom Livingston
On Thu, Sep 18, 2014 at 10:53 AM, John wrote: > > On Sep 18, 2014, at 5:47 AM, Tom Livingston 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 >>

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

2014-09-19 Thread Tom Livingston
iscuss.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 [c

Re: [css-d] rem units and %

2014-09-19 Thread Tom Livingston
sizes in the layout and therefore things over flow their containers or get cropped. That's poor planning. 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 thing

Re: [css-d] First-Child

2014-09-26 Thread Tom Livingston
>> Philippe >> -- >> Philippe Wittenbergh >> http://l-c-n.com/ >> >> >> >> >> > ______ > css-discuss [css-d@lists.css-discuss.org] > http://www.css-discuss.org/mailman/l

Re: [css-d] Grid & Columns and Frustrations

2014-10-03 Thread Tom Livingston
orks (a lot of classes I don't need, extra css, etc...). I have crazy tight deadlines, so I need to go with what works for me, 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 | m

Re: [css-d] Grid & Columns and Frustrations

2014-10-03 Thread Tom Livingston
> design to dev. >> I want to know how do you translate a grid PSD to html? >> What is the formula for adapting to these gutters? Ensuring the correct >> layout using Bootstrap or the like for example? >> How do you adapt custom designs to this layout that may or may not

Re: [css-d] Grid & Columns and Frustrations

2014-10-04 Thread Tom Livingston
> > Agreed. Just do it. Try it. The framework creates the layout - two columns etc - and you put your content in where it goes. At that point you may have more specific issues that might be more easily helped with here on the list like "how do I get this image to break out of its

Re: [css-d] Grid & Columns and Frustrations

2014-10-06 Thread Tom Livingston
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 | Med

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

2014-10-07 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-di

Re: [css-d] Grid & Columns and Frustrations

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

2014-10-09 Thread Tom Livingston
> > --- > This email is free from viruses and malware because avast! Antivirus > protection is active. > http://www.avast.com > > __ > css-discuss [css-d@lists.css-discuss.org] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-d

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

2014-10-13 Thread Tom Livingston
h: 600px; (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-di

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

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

2014-10-16 Thread Tom Livingston
better here - provided flash card content will work in a mobile 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

Re: [css-d] Grid System

2014-10-18 Thread Tom Livingston
es.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-discus

Re: [css-d] Grid System

2014-10-20 Thread Tom Livingston
ss-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 | medialogic.com #663399

Re: [css-d] Grid System

2014-10-20 Thread Tom Livingston
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 wrote: > I have to agree with Philip here. If you don't know context you can use > the formula you refe

Re: [css-d] Grid System

2014-10-20 Thread Tom Livingston
ting pixel-expressed designs, but > also when reading 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 |

Re: [css-d] Grid System

2014-10-20 Thread Tom Livingston
On Monday, October 20, 2014, Tom Livingston wrote: > > > On Monday, October 20, 2014, MiB > wrote: > >> >> >> okt 20 2014 12:20 Philip Taylor : >> >> > On the contrary, I want to challenge your assertion that "you can >> translate fro

Re: [css-d] Grid System

2014-10-20 Thread Tom Livingston
On Monday, October 20, 2014, David Hucklesby wrote: > On 10/20/14, 2:16 AM, MiB wrote: > >> >> okt 20 2014 11:08 MiB : >> >> Grids are not hocus locus. >>> >> >> > I’m giving this response a "Like" :) Magic plague ;-) --

Re: [css-d] Float problems

2014-10-20 Thread Tom Livingston
om/ > 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 | medialogic.com #663399 ___

Re: [css-d] Float problems

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

Re: [css-d] Float problems

2014-10-20 Thread Tom Livingston
On Mon, Oct 20, 2014 at 9:11 PM, John wrote: > > On Oct 20, 2014, at 6:03 PM, Tom Livingston 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:

Re: [css-d] Float problems

2014-10-20 Thread Tom Livingston
On Mon, Oct 20, 2014 at 9:22 PM, John wrote: > > On Oct 20, 2014, at 6:15 PM, Tom Livingston wrote: > > > > That style says that the s INSIDE .sample-summary are 30% wide. > > and the markup I see in Chrome dev tools is: > > > > > > [img] >

Re: [css-d] site makeover

2014-10-30 Thread Tom Livingston
ss [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 | Se

Re: [css-d] site makeover

2014-10-30 Thread Tom Livingston
On Thu, Oct 30, 2014 at 11:07 AM, David Laakso wrote: > On Thu, Oct 30, 2014 at 10:29 AM, Tom Livingston wrote: >> David, >> >> Only thing that struck me was the menu background could be >> a bit more opaque, especially when over busier page contents. >> >

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

2014-10-30 Thread Tom Livingston
iscuss.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-d] IE 8 issue upon refresh

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

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

2014-11-04 Thread Tom Livingston
On Tue, Nov 4, 2014 at 2:56 PM, Tom Livingston 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

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

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

2014-11-06 Thread Tom Livingston
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 iPhone

Re: [css-d] Responsive Images

2014-11-06 Thread Tom Livingston
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 u

Re: [css-d] Responsive Images

2014-11-06 Thread Tom Livingston
u don't need to (because the content works fine without an adjustment 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/

Re: [css-d] Responsive Images

2014-11-06 Thread Tom Livingston
Sent from my iPhone On Nov 6, 2014, at 6:38 PM, Crest Christopher 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 you to "undo" a great deal of

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

2014-11-06 Thread Tom Livingston
cuss.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 De

Re: [css-d] Responsive Images

2014-11-06 Thread Tom Livingston
in a web page compared to a psd. > > I don't understand ? > "want to export my 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 |

Re: [css-d] Responsive Images

2014-11-06 Thread Tom Livingston
e 2x / 3x for Retina displays ? > I have used images for 2x 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

Re: [css-d] Responsive Images

2014-11-06 Thread Tom Livingston
On Thu, Nov 6, 2014 at 7:42 PM, David Laakso wrote: > On Thu, Nov 6, 2014 at 7:17 PM, Tom Livingston wrote: >> Sent from my iPhone >> >> On Nov 6, 2014, at 6:38 PM, Crest Christopher >> wrote: >> >> Why do you recommend building mobile first ? >>

Re: [css-d] Responsive Images

2014-11-07 Thread Tom Livingston
>> need 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 >> >> Tom Livingston Thursday, November 06, 2014 >>

Re: [css-d] Responsive Images

2014-11-07 Thread Tom Livingston
On Fri, Nov 7, 2014 at 8:34 AM, Crest Christopher < crestchristop...@gmail.com> wrote: > Thanks ! > The polyfill for pictures is nice, as you mentioned lousy support ! > > Christopher > Native support for is spotty. The polyfill works. -- Tom Livingston | Senior Front-

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

2014-11-07 Thread Tom Livingston
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 wrote: > > Having a problem with IE here... > > http://www.boissonconsulting.com/resources/ > > I'm using this sticky footer method (after trying seve

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

2014-11-07 Thread Tom Livingston
re you working on this? I am not seeing a sticky 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@li

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

2014-11-09 Thread Tom Livingston
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 > wrote: > > Am I right? I'm asking, not proclaiming. > > Code l

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

2014-11-10 Thread Tom Livingston
default or scaled up? That's the only thing I can see 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' i

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

2014-11-10 Thread Tom Livingston
sktop… > > hope 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:

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

2014-11-10 Thread Tom Livingston
On Mon, Nov 10, 2014 at 4:59 PM, Tom Livingston wrote: > On Mon, Nov 10, 2014 at 4:11 PM, John wrote: >> >> On Nov 10, 2014, at 1:07 PM, John wrote: >> >> I am fairly sure I tried this before, but width 100% float right works now, >> correctly, in all 4 bro

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

2014-11-10 Thread Tom Livingston
On Mon, Nov 10, 2014 at 5:00 PM, John wrote: > > On Nov 10, 2014, at 1:59 PM, Tom Livingston 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... > > &g

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

2014-11-10 Thread Tom Livingston
On Mon, Nov 10, 2014 at 5:04 PM, John wrote: > > On Nov 10, 2014, at 2:01 PM, Tom Livingston 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 vari

[css-d] 3 elements side by side

2014-11-10 Thread Tom Livingston
in advance. -- 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] 3 elements side by side

2014-11-10 Thread Tom Livingston
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 wrote: > On Nov 10, 2014, at 5:09 PM, Tom Livingston wrote: > >> Hello list,

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

2014-11-12 Thread Tom Livingston
ss-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 | S

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

2014-11-12 Thread Tom Livingston
_ > css-discuss [css-d@lists.css-discuss.org] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt

Re: [css-d] Screens overload

2014-11-12 Thread Tom Livingston
.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-disc

Re: [css-d] Screens overload

2014-11-13 Thread Tom Livingston
e if you designed in such a > way 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 D

Re: [css-d] Screens overload

2014-11-13 Thread Tom Livingston
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-di

Re: [css-d] Screens overload

2014-11-13 Thread Tom Livingston
On Thu, Nov 13, 2014 at 10:50 AM, MiB wrote: > > > nov 13 2014 16:39 Tom Livingston : > >> 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. >> >>

[css-d] Position fixed and transforms

2014-11-17 Thread Tom Livingston
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 | M

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