Re: [css-d] Section Lacks Heading ?

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

[css-d] Placement of MQ question

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

Re: [css-d] Placement of MQ question

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

Re: [css-d] Placement of MQ question

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

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

the 332px with 940px. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo

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

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

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

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

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

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

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

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?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

display:table; and vertical-align:bottom; on the parent ? -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css

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

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

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

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

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

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

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

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

Re: [css-d] Table with fixed headers

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

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

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

Re: [css-d] Rendering issues

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

Re: [css-d] Rendering issues

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

Re: [css-d] Rendering issues

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

Re: [css-d] Rendering issues

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

Re: [css-d] Rendering issues

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

[css-d] Rendering issues

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

Re: [css-d] Rendering issues

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

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

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

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

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

Re: [css-d] Height 100% issue

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

[css-d] Height 100% issue

drawing a blank. Any help would be appreciated. Thanks -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css

Re: [css-d] Height 100% issue

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

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

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

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

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

Re: [css-d] Falstaff weds Frutiger.

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

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

and mp4 using html5 element. http://www.videojs.com -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css

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

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

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

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

Re: [css-d] Select by descendant?

tweak and not a critical usability fix, I'd say it's pretty harmless. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css-d@lists.css-discuss.org

[css-d] iPad Mini MQs

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

Re: [css-d] iPad Mini MQs

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

[css-d] iPad zoom triggers other MQ

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

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

. That may be intentional... HTH -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman

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

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

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

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

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

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

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

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

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

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-discuss [css-d@lists.css-discuss.org] http://www.css

[css-d] Test

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

Re: [css-d] Sticky Footer Problems

wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com

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

On Fri, Apr 18, 2014 at 9:14 AM, Hahnel, Fred (DET-MRM) fred.hah...@mrmworldwide.com 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

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

queries. 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 Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279

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

again in portrait and landscape view in an iPhone - this is the temporary URL: http://www.redkitecreative.com/dev/aemb/class-photos/ -- Debbie -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com

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

/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 | ph: 518.456.3015x231 | fx

Re: [css-d] Firefox and page inflation

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 with

Re: [css-d] Firefox and page inflation

Also, we're drifting away from list appropriate topics... Sent from my iPhone On Apr 10, 2014, at 12:32 PM, Chris Williams ch...@clwill.com 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

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

I'm still experiencing the problem. Sent from my iPhone On Apr 10, 2014, at 9:37 PM, Debbie Campbell d...@redkitecreative.com wrote: On Thu, Apr 10, 2014 at 9:07 AM, Debbie Campbell d...@redkitecreative.com wrote: Works fine in Android both portrait and landscape (centered on the screen),

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

default) and There will be 1/2 the size of Hi. -- 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] Font-Sizes - Golden Rule ?

Sent from my iPhone On Apr 9, 2014, at 12:05 PM, Shari webweave...@gmail.com wrote: If you use rem's it stays consistent from the body tag... correct? Correct. It is relative to the root. Shari __ css-discuss

Re: [css-d] Firefox and page inflation

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 settings. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279

Re: [css-d] Firefox and page inflation

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

On Mon, Apr 7, 2014 at 5:10 PM, Felix Miata mrma...@earthlink.net 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 measures are necessary when the desired outcome

Re: [css-d] Graphic not aligning correctly

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. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231

Re: [css-d] Graphic not aligning correctly

On Wed, Apr 2, 2014 at 2:14 PM, J.C. Berry jcharlesbe...@gmail.com wrote: Firefox 28 On Wed, Apr 2, 2014 at 11:09 AM, Tom Livingston tom...@gmail.com wrote: On Wed, Apr 2, 2014 at 1:58 PM, J.C. Berry jcharlesbe...@gmail.comwrote: Hi all, Thought I would just try this again

[css-d] Fwd: Graphic not aligning correctly

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

Re: [css-d] floating thumbnails

, 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 | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css

[css-d] Google font use

, and Chrome showed odd 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

Re: [css-d] Google font use

-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't come up with some sass for this... Thanks -- Tom Livingston

Re: [css-d] Google font use

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.3015x231 | fx: 518.456.4279 | mlinc.com

Re: [css-d] Google font use

what you mean. -- 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] Google font use

On Thu, Mar 27, 2014 at 2:44 PM, Jukka K. Korpela jkorp...@cs.tut.fiwrote: 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{ font-weight: 500; } I suppose you are using some

Re: [css-d] Google font use

On Thu, Mar 27, 2014 at 12:34 PM, Tom Livingston tom...@gmail.com wrote: I was doing this simple test with google fonts (via @import method). body{ font-family: $roboto; } .bold{ font-weight: 500; } pHi there span class=boldbolded text/span/p pstrongI'm bold/strong/p

Re: [css-d] dealing with media breaks

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 __ css-discuss [css-d@lists.css-discuss.org

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

! __ 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.456.4279 | mlinc.com

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

On Wed, Mar 19, 2014 at 11:16 AM, Crest Christopher crestchristop...@gmail.com wrote: Here is the updated link. Tom Livingston wrote: On Wed, Mar 19, 2014 at 11:14 AM, Crest Christopher crestchristop...@gmail.com wrote: Zoom and Text scaling is at 100% in all browsers. Arghh the text

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

On Wed, Mar 19, 2014 at 11:14 AM, Crest Christopher crestchristop...@gmail.com 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 Wed, Mar 19, 2014 at 10

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

On Wed, Mar 19, 2014 at 11:27 AM, Tom Livingston tom...@gmail.com wrote: On Wed, Mar 19, 2014 at 11:26 AM, Crest Christopher crestchristop...@gmail.com wrote: It looks identical, did you change any rule in the style sheet or nothing at all ? I changed nothing. -- Did you edit browser

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

On Wed, Mar 19, 2014 at 11:26 AM, Crest Christopher crestchristop...@gmail.com 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

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

On Wed, Mar 19, 2014 at 11:41 AM, Crest Christopher crestchristop...@gmail.com wrote: Thank You for the help ! Tom Livingston wrote: On Wed, Mar 19, 2014 at 11:33 AM, Crest Christopher crestchristop...@gmail.com wrote: I have a question, how come when I hover over the word 'gallery

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

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 __ css-discuss

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

pa href=This is a really long link to test line-height on hover./a/p /div /body /html -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss

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

;} 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-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ

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

://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231

Re: [css-d] display:inline-block differences in browsers

elements with px (you can use px more safely here because they are imgs) may bring results that are more similar. This is just my gut feeling here. No science to back it up. HTH -- 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 ?

guess here, but might you have used FF's font scaling UI (View Zoom Scale Text Only) - scaled things down - and maybe left it down? -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com

Re: [css-d] display:inline-block differences in browsers

On Mon, Mar 17, 2014 at 10:09 AM, John j...@coffeeonmars.com wrote: On 3/17/14 5:56 AM, Tom Livingston wrote: One thing that may be happening is that you are spacing the icons with ems, which is tied to font sizing. The math involved with the spacing of the elements in #social is tight enough

Re: [css-d] display:inline-block differences in browsers

On Mon, Mar 17, 2014 at 10:22 AM, John j...@coffeeonmars.com wrote: On 3/17/14 7:19 AM, Tom Livingston wrote: This link to a screen shot is Chrome on top and FF Aurora behind: https://dl.dropboxusercontent.com/u/2616576/Screen%20Shot%202014-03-17%20at%2010.12.56%20AM.png HTH Yes

Re: [css-d] display:inline-block differences in browsers

On Mon, Mar 17, 2014 at 10:29 AM, John j...@coffeeonmars.com wrote: On 3/17/14 7:24 AM, Tom Livingston wrote: Sorry. I'm not sure what the discrepancy is. They look pretty similar to me. your screengrab shows them closer than my FF version, but why should there BE a discrep? Or better

Re: [css-d] Responstable SCSS

The pen is working on my iPhone Sent from my iPhone On Mar 17, 2014, at 1:54 PM, SSC_perl p...@surfshopcart.com 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

Re: [css-d] display:inline-block differences in browsers

got them all on one line for me in Chrome, without them crowding the rule at the edge of wrapper. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss

[css-d] iOS Safari and multiple fixed backgrounds

/careers-header-bg.jpg) 50% 0 no-repeat;} Some Googling produced nothing that will help. Anyone have any ideas? Anyone know if there's a trick to this? Thanks -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com

Re: [css-d] iOS Safari and multiple fixed backgrounds

Sent from my iPhone On Mar 14, 2014, at 12:11 PM, Georg ge...@gunlaug.com wrote: Den 14.03.2014 16:55, skrev Tom Livingston: List, I have a page with multiple divs that have fixed backgrounds. This isn't working in iOS Safari or iOS Chrome. Actually, not even a single div with a fixed

Re: [css-d] SASS or LESS

Sent from my iPhone On Mar 14, 2014, at 12:38 PM, Vince Mendella vi...@graymatterstudios.ca wrote: Hey everyone, Just wondering if there is a good place for tutorials to learn SASS or LESS? And which one would be better to dive into? May be 'holy war' territory. A lot is personal

Re: [css-d] iOS Safari and multiple fixed backgrounds

in this biz, you never know if someone figured out a way around it. 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

Re: [css-d] Do modern mobile browsers deliberately ignore font size?

, but the sizes are ridiculously small. I'm gonna guess that because there is no layout, the width of the page is very large so it is zoomed OUT a great deal. Right? Am I missing something? -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com

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