Re: [css-d] Responstable SCSS

Looks good to me on Galaxy S3 (Android 4.3) Chrome On Mon, Mar 17, 2014 at 3:21 PM, SSC_perl wrote: > On Mar 17, 2014, at 11:53 AM, Chris Rockwell wrote: > > > > That was it! Thanks, Chris! The table now changes depending on > the phone's orientation. Very nice! > > I almost

Re: [css-d] Responstable SCSS

On Mar 17, 2014, at 11:53 AM, Chris Rockwell wrote: > http://www.surfshopcart.com/responstable.html Thanks again. I really appreciate this list and everyone's help. Frank http://www.surfshopcart.com/ Setting up shop has never been easier! ___

Re: [css-d] Responstable SCSS

Try adding this to your head tag: On Mon, Mar 17, 2014 at 2:28 PM, SSC_perl wrote: > On Mar 17, 2014, at 11:02 AM, Chris Rockwell wrote: > > Just click on (SCSS) next to CSS and it will show you the compiled code > > > Well that was embarrassingly simple. :| > > I compared the

Re: [css-d] Responstable SCSS

On Mar 17, 2014, at 11:02 AM, Chris Rockwell wrote: > Just click on (SCSS) next to CSS and it will show you the compiled code Well that was embarrassingly simple. :| I compared the converted CSS that I had before to the converted CSS from CodePen and they are the same, so it mu

Re: [css-d] css-d Digest, Vol 136, Issue 7

Unsubscribe my email please from updates. Thank you ;))) __ 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-d

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

Re: [css-d] Responstable SCSS

Just click on (SCSS) next to CSS and it will show you the compiled code On Mon, Mar 17, 2014 at 1:57 PM, SSC_perl wrote: > Just in case it makes any difference, here's the CSS I was given > by that site: > > .responstable { > margin: 1em 0; > width: 100%; > background: white; >

Re: [css-d] Responstable SCSS

Just in case it makes any difference, here's the CSS I was given by that site: .responstable { margin: 1em 0; width: 100%; background: white; color: #024457; border-radius: 10px; border: 1px solid #167f92; overflow: hidden; } .responstable tr { border-top: 1px solid #167f9

[css-d] Responstable SCSS

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 doesn't work on the iPhone - the table remains "normal". I'm thinking that my problem is the SCSS.

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

On 3/17/14 9:20 AM, Chris Rockwell wrote: http://codepen.io/chrisrockwell/pen/gFsiH/ Pay no attention to the seemingly arbitrary class names and ID's - I use snappy snippet to take it from the inspector to codepen and it does that. Again, this should get you on your way to something*much* T

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

This is a shell mock-up with *a lot* less CSS. Granted, I've only looked at it in Chrome but this should get you started. I cleaned up the markup a bit, namely what you were using to markup the menu that contained "About", "Women's", etc. - use nested 's :). http://codepen.io/chrisrockwell/pen/g

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

On 3/17/14, 7:21 AM, Crest Christopher wrote: Hi, Tom. You are seeing no difference in Font Sizes between browsers, hrmm odd. I don't have Scale Text Only enabled within FireFox (27.0.1). Tom Livingston wrote: On Mon, Mar 17, 2014 at 8:36 AM, Crest Christopher wrote: I changed my font-size t

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

On 3/17/14 8:14 AM, Chris Rockwell wrote: I would recommend re-thinking how you execute your layout. Absolute and relative positioning are completely unnecessary in this case, and you're only setting yourself up for more 'top: this' and 'left:this' when you want to make this responsive. In add

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

I see the same thing as in the screenshot Tom posted. I would recommend re-thinking how you execute your layout. Absolute and relative positioning are completely unnecessary in this case, and you're only setting yourself up for more 'top: this' and 'left:this' when you want to make this responsiv

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

On Mon, Mar 17, 2014 at 10:29 AM, John 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, am I using

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

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, am I using the wrong method to get those text bits to line up as I want t

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

On Mon, Mar 17, 2014 at 10:22 AM, John 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, that is a

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

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, that is about what I am seeing. *Why* the discrepancy? What is the cause of thi

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

Hi, Tom. You are seeing no difference in Font Sizes between browsers, hrmm odd. I don't have Scale Text Only enabled within FireFox (27.0.1). Tom Livingston wrote: On Mon, Mar 17, 2014 at 8:36 AM, Crest Christopher wrote: I changed my font-size to pixels, yet the fonts still look smaller in

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

On Mon, Mar 17, 2014 at 10:09 AM, John 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 where browse

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

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 where browser font rendering differences may be playing a part. Spacing

Re: [css-d] ie/11

On Sun, Mar 16, 2014 at 8:15 PM, David Laakso wrote: > In the footer ie/11 is chopping-off the crossbar of the numerical > digit 4. What to do? Thanks to all who replied both on and off-list. Re-set css for the containing blocks and re-set the generated content. letter-spacing to .175em. The foo

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

On Mon, Mar 17, 2014 at 8:36 AM, Crest Christopher wrote: > I changed my font-size to pixels, yet the fonts still look smaller in > FireFox then Chrome or IE (site > ), > probably something else wrong ? > > Why is the CSS

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

On Mon, Mar 17, 2014 at 7:40 AM, John wrote: > > On 3/17/14 12:35 AM, MiB wrote: >> >> Absolute positioning is relative to the nearest Positioning context. That >> is the first parent — going inside out from the current element — that has a >> "position". > > > In my current page, the parent to th

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

I changed my font-size to pixels, yet the fonts still look smaller in FireFox then Chrome or IE (site ), probably something else wrong ? Why is the CSS Mailing List sending me a digest instead of individual messages

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

On 3/17/14 12:35 AM, MiB wrote: Absolute positioning is relative to the nearest Positioning context. That is the first parent — going inside out from the current element — that has a "position". In my current page, the parent to the item that misbehaves in FF does have position:relative Sh

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

mar 17 2014 08:35 MiB : > mar 17 2014 05:10 John : > >> I think I'm getting closer to understand how to use this new (to me) method >> of positioning, but I don't get what it's relative to, such that Firefox >> renders it differently from Opera, Chrome and Safari.. > > Absolute positioning is

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

mar 17 2014 05:10 John : > I think I'm getting closer to understand how to use this new (to me) method > of positioning, but I don't get what it's relative to, such that Firefox > renders it differently from Opera, Chrome and Safari.. Absolute positioning is relative to the nearest Positioning