Re: [css-d] JavaScript / HTML groups

2014-08-04 Thread Tom Livingston
uss.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] Web fonts

2014-08-04 Thread Tom Livingston
On Monday, August 4, 2014, Tom Livingston wrote: > > > On Monday, August 4, 2014, Tim Dawson > wrote: > >> On 31/07/2014 14:17, Tom Livingston wrote: >> >>> -- Forwarded message -- >>>> From: "Chris Rockwell" >>&

Re: [css-d] Web fonts

2014-08-04 Thread Tom Livingston
On Monday, August 4, 2014, Tim Dawson wrote: > On 31/07/2014 14:17, Tom Livingston wrote: > >> -- Forwarded message -- >>> From: "Chris Rockwell" >>> >>> Tip: if you're using Chrome or Firefox, highlight some of the text &g

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

2014-08-01 Thread Tom Livingston
se? >> >> Chris >> >> Chris Rockwell Along those lines, I'd opt for adding a class to the body (or a high level wrapper) and adjust the styles of the menu to stay visible. Changing the class per page.

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

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

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

2014-08-01 Thread Tom Livingston
n/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] keeping submenu open when parent is 'current'

2014-08-01 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

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

2014-07-31 Thread Tom Livingston
t Element". In the right side pane of > developer tools, you'll be able to see what styles are being applied to the > element. > Firefox has a "Fonts" tab on the right. Very handy. -- Tom Livingston | Senior Front-End Developer

Re: [css-d] Section Lacks Heading ?

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

Re: [css-d] Section Lacks Heading ?

2014-07-30 Thread Tom Livingston
-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [c

[css-d] "Retina" MQs

2014-07-30 Thread Tom Livingston
ehensive MQ for this purpose? Thanks -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman

Re: [css-d] Placement of MQ question

2014-07-28 Thread Tom Livingston
On Mon, Jul 28, 2014 at 2:15 PM, Tom Livingston wrote: > On Mon, Jul 28, 2014 at 1:42 PM, Chris Rockwell > wrote: >> Hi Tom, >> >> Without knowing how you have your styles structured, I can really only guess >> at how I would do it. >> >> I use partia

Re: [css-d] Placement of MQ question

2014-07-28 Thread Tom Livingston
@import "600"; } @media only screen and (min-width: 48em) { @import "768"; } @media only screen and (min-width: 60em) { @import "960"; } I've done both where I've added at the end of this, and put tweaky MQs in individual sheets. Just wonde

[css-d] Placement of MQ question

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

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

2014-07-26 Thread Tom Livingston
use ems as the body font size and % > elsewhere. I just tried switching the base font in Firefox and it did what > you said and didn't let me. So I'd agree now that px as a base font may not > be ideal. I tried em as the body font-size and % else where and it still > worked like

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

2014-07-26 Thread Tom Livingston
elsewhere made it easier to control > the fonts on a page. By no means am I saying this is the only way, just the > way I do it. Works like a charm so far. :) > > Best, > Karl > > Screen readers care about font size ?

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

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

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

2014-07-26 Thread Tom Livingston
tyle.css, line 271 over-rides the 332px with 940px. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-

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

2014-07-25 Thread Tom Livingston
On Fri, Jul 25, 2014 at 2:27 PM, Chris F.A. Johnson wrote: > On Fri, 25 Jul 2014, Tom Livingston wrote: > >> Lack of rem support is easily taken care of with a fallback declaration >> using px: >> >> Font-size:16px; >> Font-size:1rem; > > >Be

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

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

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

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

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

2014-07-24 Thread Tom Livingston
I don't know about golden, but it equal to the browser default which, if unchanged, is usually 16px. On Thursday, July 24, 2014, Crest Christopher wrote: > Is this a golden rule, 1em = 16px ? If the math is 120 * 16 = 1920 px or > rounded down as mentioned 19px, correct ? > &g

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

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

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

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

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

2014-07-24 Thread Tom Livingston
ve it as is (and keep track of the math - or eyeball it like David said) and add other h1's for other sections. Main content in a section, with it's own header and h1, or an article element with a header and h1, etc. But this is getting into the semantics of HTML which is off-topic for this li

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

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

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

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

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

2014-07-24 Thread Tom Livingston
19px (rounded down) or 1.188em; -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/

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

2014-07-23 Thread Tom Livingston
tuation, could you try display:table; and vertical-align:bottom; on the parent ? -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css-d@l

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

2014-07-14 Thread Tom Livingston
You're fine On Monday, July 14, 2014, Crest Christopher wrote: > I'm confused, I was using the for attribute; > email > > ??? > > Tom Livingston wrote: > > On Sun, Jul 13, 2014 at 7:05 PM, Robert A. Rosenberg > wrote: > > At 14:08 -0400 on 07/09/201

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

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

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

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

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

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

Re: [css-d] Table with fixed headers

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

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

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

Re: [css-d] Rendering issues

2014-06-23 Thread Tom Livingston
On Monday, June 23, 2014, Jon Reece wrote: > On Mon, Jun 23, 2014 at 8:32 PM, Philippe Wittenbergh > > wrote: > > > Le 24 juin 2014 à 04:05, Tom Livingston > > a écrit : > > > > > We found an errant z-index which was putting the content > &

Re: [css-d] Rendering issues

2014-06-23 Thread Tom Livingston
On Monday, June 23, 2014, Philippe Wittenbergh wrote: > > Le 24 juin 2014 à 04:05, Tom Livingston > > a écrit : > > > We found an errant z-index which was putting the content > > behind the blue background wrapper. :-P > > > Le 24 juin 2014 à 04:08, Norman Fo

Re: [css-d] Rendering issues

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

Re: [css-d] Rendering issues

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

Re: [css-d] Rendering issues

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

Re: [css-d] Rendering issues

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

[css-d] Rendering issues

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

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

2014-06-17 Thread Tom Livingston
>

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

2014-06-17 Thread Tom Livingston
upported at all - if at all - as well as declared margins on most things. We do a little responsive email work, but that is very crude as well. I recommend a service like Litmus or Email On Acid for checking your email layouts. They als

Re: [css-d] Height 100% issue

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

Re: [css-d] Height 100% issue

2014-06-15 Thread Tom Livingston
Sent from my iPhone > On Jun 15, 2014, at 10:29 PM, Philippe Wittenbergh wrote: > > >> Le 16 juin 2014 à 10:05, Tom Livingston a écrit : >> >> List, >> >> Can't post a link right now so bear with me... >> >> Given: >> >&

[css-d] Height 100% issue

2014-06-15 Thread Tom Livingston
t define a height on .leftcol (fluid layout and .cta-wrap has a scaling image) so .dots isn't rendering height 100%. Is there a simple way to get .dots to render height 100% - without script? I'm drawing a blank. Any help would be appreciated. Thanks -- Tom Livingston | Senior Front-E

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

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

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

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

Re: [css-d] Falstaff weds Frutiger.

2014-06-06 Thread Tom Livingston
Sent from my iPhone > On Jun 6, 2014, at 4:08 PM, David Laakso wrote: > > Constructive comments and suggestions on this site are always appreciated. > > html > > > css > > > Best, > David Laakso > Only comment I have is that I

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

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

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

2014-06-04 Thread Tom Livingston
t; Rod Castello I recommend videos as well. We usually serve WebM, ogg and mp4 using html5 element. http://www.videojs.com -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com ___

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

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

Re: [css-d] Select by descendant?

2014-05-16 Thread Tom Livingston
's just an aesthetic tweak and not a critical usability fix, I'd say it's pretty harmless. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-disc

Re: [css-d] iPad zoom triggers other MQ

2014-05-07 Thread Tom Livingston
Anyone have a chance to look at this? I have 2 sites built similarly and can't figure out why only one has this issue... On Tue, May 6, 2014 at 10:23 AM, Tom Livingston wrote: > Here's the site in question: > > http://www.medialogic.com/health-care/ > > In landsca

[css-d] iPad zoom triggers other MQ

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

Re: [css-d] iPad Mini MQs

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

[css-d] iPad Mini MQs

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

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

2014-04-30 Thread Tom Livingston
upper left corner of the browser. Just FYI. That may be intentional... HTH -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css-d@lists.css-disc

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

2014-04-29 Thread Tom Livingston
es, et al, is misleading. On Tuesday, April 29, 2014 10:16 AM, MiB wrote: This got held up for unknown reasons: > > >apr 10 2014 18:50 Tom Livingston : > >> it's still useable. He's not leaving mobile users *completely* out in the >> cold. > >That it i

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

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

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

2014-04-27 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 | mlinc.com __ css-discuss [css-d@lists.cs

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

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

Re: [css-d] Sticky Footer Problems

2014-04-21 Thread Tom Livingston
s-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/ >> > __________ > c

[css-d] Test

2014-04-21 Thread Tom Livingston
Subscription issue. Sorry about the noise. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css

Re: [css-d] Webkit's wobbly centering

2014-04-21 Thread Tom Livingston
though the space between thumbnails became less. Maybe that will put you on the right track... -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-disc

Re: [css-d] Media Queries: How many pixels make an em ?

2014-04-18 Thread Tom Livingston
eries. > >>So if I'm using 'px' now but would like to change to 'em', how do I calculate >>how many 'em' to >>allow for my 960px starting point ? > I like using this: http://riddle.pl/emcalc/ -- Tom Livingsto

Re: [css-d] Phone breaks: unsure if working or not

2014-04-18 Thread Tom Livingston
On Fri, Apr 18, 2014 at 9:14 AM, Hahnel, Fred (DET-MRM) wrote: > If not to use px for media breaks, what should be used? > > > -regards, ems are becoming the preferred unit. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279

Re: [css-d] Fancybox modal window location in iPhone

2014-04-11 Thread Tom Livingston
om this: >>>> >>>> >>>> http://filamentgroup.com/lab/a_fix_for_the_ios_orientationchange_zoom_bug/ >>>> >>>> When I changed orientation, the whole page was zoomed in so when you >>>> click a photo, the modal is acting accor

Re: [css-d] Fancybox modal window location in iPhone

2014-04-10 Thread Tom Livingston
I'm still experiencing the problem. Sent from my iPhone On Apr 10, 2014, at 9:37 PM, Debbie Campbell wrote: >> On Thu, Apr 10, 2014 at 9:07 AM, Debbie Campbell >> wrote: >>> Works fine in Android both portrait and landscape (centered on the screen), >>> and fine in iPhone portrait view, but in

Re: [css-d] Firefox and page inflation

2014-04-10 Thread Tom Livingston
Also, we're drifting away from list appropriate topics... Sent from my iPhone > On Apr 10, 2014, at 12:32 PM, Chris Williams wrote: > > Philip, as I described in the message I just sent, I too am developing a > very complex and detailed application where I was convinced that one > needed a huge

Re: [css-d] Firefox and page inflation

2014-04-10 Thread Tom Livingston
> > Typical text site : http://marden-prg.org.uk/ > Typical graphic-dependent high-resolution site : > http://www.royalholloway.ac.uk/Hellenic-Institute/Research/Etheridge/ > > For what it's worth, a smart enough phone - like my iPhone - can render the "high resolution" site mentioned above

Re: [css-d] Fancybox modal window location in iPhone

2014-04-10 Thread Tom Livingston
from this: http://filamentgroup.com/lab/a_fix_for_the_ios_orientationchange_zoom_bug/ When I changed orientation, the whole page was zoomed in so when you click a photo, the modal is acting accordingly. If I zoom out first, the modal works as desired. HTH -- Tom Livingston | Senior Front-End Developer | Media Logic |

Re: [css-d] Font-Sizes - Golden Rule ?

2014-04-09 Thread Tom Livingston
Sent from my iPhone > On Apr 9, 2014, at 12:05 PM, Shari wrote: > > If you use rem's it stays consistent from the body tag... correct? Correct. It is relative to the root. > > Shari > __ > css-discuss [css-d@lists.css-dis

Re: [css-d] Font-Sizes - Golden Rule ?

2014-04-09 Thread Tom Livingston
and % for font sizes will compound. Hi There A rule of li{font-size: 50%;} for the above will cause "Hi" to be 1/2 the size of it's parent (or browser default) and "There" will be 1/2 the size of "Hi". -- Tom Livingston | Senior Fron

Re: [css-d] Firefox and page inflation

2014-04-07 Thread Tom Livingston
On Mon, Apr 7, 2014 at 5:10 PM, Felix Miata wrote: > On 2014-04-07 15:51 (GMT-0400) Tom Livingston composed: > > >> Barney Carroll wrote: > > >>> Please forgive the impertinent lurker here, but could somebody weigh in >>> with >>> why relative me

Re: [css-d] Firefox and page inflation

2014-04-07 Thread Tom Livingston
ed for a larger readable text size and allow the text to scale up. Why do I feel like you know this and meant something else with your question... -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com

Re: [css-d] Firefox and page inflation

2014-04-07 Thread Tom Livingston
hat is accomplished over 100% on HTML and 1rem on body copy? Did you try this to see if FF behaves better? As I said, Felix can give far more knowledge on this than I can, but to my eye, you are working harder to achieve the same thing and 100% on the HTML respects a users default browser

[css-d] Fwd: Graphic not aligning correctly

2014-04-02 Thread Tom Livingston
-- Forwarded message -- From: J.C. Berry Date: Wed, Apr 2, 2014 at 2:23 PM Subject: Re: [css-d] Graphic not aligning correctly To: Tom Livingston oops. It's just Drupal when I'm logged in. I logged out and all is fine! Thanks for the time! On Wed, Apr 2, 2014 at 11:

Re: [css-d] Graphic not aligning correctly

2014-04-02 Thread Tom Livingston
On Wed, Apr 2, 2014 at 2:14 PM, J.C. Berry wrote: > Firefox 28 > > > > On Wed, Apr 2, 2014 at 11:09 AM, Tom Livingston wrote: > >> >> >> >> On Wed, Apr 2, 2014 at 1:58 PM, J.C. Berry wrote: >> >>> > Hi all, >>> > Thought I

Re: [css-d] Graphic not aligning correctly

2014-04-02 Thread Tom Livingston
you can see that in some browsers it is not aligning and in > others > > it is. Any ideas how to fix? Hopefully this will be a learning > experience! > > > > Thank you! > Can you be specific about what browsers aren't playing nice? I'm not seeing the issue. --

Re: [css-d] Google font use

2014-03-27 Thread Tom Livingston
On Thu, Mar 27, 2014 at 12:34 PM, Tom Livingston wrote: > > I was doing this simple test with google fonts (via @import method). > > body{ > font-family: $roboto; > } > > .bold{ > font-weight: 500; > } > > Hi there bolded text > I'm bold > &

Re: [css-d] Google font use

2014-03-27 Thread Tom Livingston
On Thu, Mar 27, 2014 at 2:44 PM, Jukka K. Korpela wrote: > 2014-03-27 18:34, Tom Livingston wrote: > > I was doing this simple test with google fonts (via @import method). >> >> body{ >> font-family: $roboto; >> } >> >> .bold{ >> fo

Re: [css-d] Google font use

2014-03-27 Thread Tom Livingston
tivation for the tag's use. > > > > Philip Taylor > I'm using in place of if that's what you mean. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com ___

Re: [css-d] Google font use

2014-03-27 Thread Tom Livingston
> > Thanks Isabel. All i can say is I'm glad it isn't a case of me just being > tick-headed. It's not just me. > > > Er, I mean thick-headed. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x2

Re: [css-d] Google font use

2014-03-27 Thread Tom Livingston
blog/font-weight-in-the-age-of-web-fonts/ > and > http://css-tricks.com/watch-your-font-weight/ > > hope it helps > > isabel > > Thanks Isabel. All i can say is I'm glad it isn't a case of me just being tick-headed. It's not just me. I'll see if I can&

[css-d] Google font use

2014-03-27 Thread Tom Livingston
dd char spacing. Am I implementing something wrong, or do I need to write rules like strong{font-weight:500;font-style:normal;} to have this work right? Thanks in advance. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4

Re: [css-d] floating thumbnails

2014-03-27 Thread Tom Livingston
only? > > -- > Images are different heights, so that makes different heights, messing up the floats. Adding min-height: 5em; to .robonav cleaned it up nice for me. Adjust as desired. HTH -- Tom Livingston | Senior Front-End Developer

Re: [css-d] dealing with media breaks

2014-03-26 Thread Tom Livingston
, although other people where I work have expectations of where breaks occur, but that's another story... HTH -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __

Re: [css-d] Line Height doesn't effect all pseduo elements

2014-03-19 Thread Tom Livingston
-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 Living

Re: [css-d] Space between text {Chrome}

2014-03-19 Thread Tom Livingston
argeprojects/cs_site.html>] > > > Adding h3.gallery{margin: 0;} helped -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css-d@lists.css-dis

Re: [css-d] Line Height doesn't effect all pseduo elements

2014-03-19 Thread Tom Livingston
ving 40% line-height on hover won't change. This works, but an extreme amount will get flaky fast: a{font-size: 2em; line-height: 20%;} a:hover{line-height: 80%;} p{width: 100px;} This is a really long link to test line-height on hover. -- Tom Livingston

Re: [css-d] Subject: Font Size Small in FireFox ?

2014-03-19 Thread Tom Livingston
text ? > > > They overlap. "Hit areas" are on top of eachother. Not sure you can avoid this as built. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com _

Re: [css-d] Subject: Font Size Small in FireFox ?

2014-03-19 Thread Tom Livingston
On Wed, Mar 19, 2014 at 11:41 AM, Crest Christopher wrote: > Thank You for the help ! > > > Tom Livingston wrote: > > On Wed, Mar 19, 2014 at 11:33 AM, Crest Christopher > wrote: > > I have a question, how come when I hover over the word 'gallery' the word &g

Re: [css-d] Subject: Font Size Small in FireFox ?

2014-03-19 Thread Tom Livingston
On Wed, Mar 19, 2014 at 11:26 AM, Crest Christopher wrote: > It looks identical, did you change any rule in the style sheet or nothing at > all ? > I changed nothing. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 |

Re: [css-d] Subject: Font Size Small in FireFox ?

2014-03-19 Thread Tom Livingston
On Wed, Mar 19, 2014 at 11:27 AM, Tom Livingston wrote: > On Wed, Mar 19, 2014 at 11:26 AM, Crest Christopher > wrote: >> It looks identical, did you change any rule in the style sheet or nothing at >> all ? >> > > > I changed nothing. > > > > -- &g

Re: [css-d] Subject: Font Size Small in FireFox ?

2014-03-19 Thread Tom Livingston
On Wed, Mar 19, 2014 at 11:14 AM, Crest Christopher wrote: > Zoom and Text scaling is at 100% in all browsers. Arghh the text won't look > right in FireFox, I don't understand, I was expecting this in IE, not > firefox. > > > Tom Livingston wrote: > > On We

Re: [css-d] Subject: Font Size Small in FireFox ?

2014-03-19 Thread Tom Livingston
On Wed, Mar 19, 2014 at 11:16 AM, Crest Christopher wrote: > Here is the updated link. > > > Tom Livingston wrote: > > On Wed, Mar 19, 2014 at 11:14 AM, Crest Christopher > wrote: > > Zoom and Text scaling is at 100% in all browsers. Arghh the text won't

Re: [css-d] Subject: Font Size Small in FireFox ?

2014-03-19 Thread Tom Livingston
E. Arghh ! > > __ I can't help still leaning towards browser settings. Have you double checked that zoom/text scaling is at 100% in all browsers? -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.

Re: [css-d] Responstable SCSS

2014-03-17 Thread Tom Livingston
The pen is working on my iPhone Sent from my iPhone > On Mar 17, 2014, at 1:54 PM, SSC_perl wrote: > >I'm trying to implement this responsive table on my site: > > http://codepen.io/sharifh/pen/imojf > >It works fine in the Safari browser on my Mac when resizing the window, > but it

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