Re: [css-d] help getting my under by

The issue appears to be at line 1725 of sbctc.css. Is floating every image in the main container the desired behavior? If so, you'll have to explicitly reset for either all within a element or use a class. You'll need to be more specific with your declaration than what you've done here:

Re: [css-d] help with responsive navigation

What Greg said... /*Show menu when invisible checkbox is checked*/ input[type=checkbox]:checked ~ .menu-main-navigation-container #menu-main-navigation { display: block; } ^ That is in your css files On Fri, Nov 4, 2016 at 3:16 PM Greg Gamble wrote: > Looks like

Re: [css-d] CSS pseudo-class for source of :target

I might muddy the waters here, but I'll try to explain how I interpreted the goal. Consider a use-case in which your page has a long list of anchors (imagine a sticky sidebar which scrolls with the user). The goal (in my contrived scenario) would be to gray out the anchor which links to the

Re: [css-d] Flexbox struggle

Tough one. margin-top: auto as Philippe suggested does work but flex-end, as I understood it, should take care of this. It's like flex-end doesn't respect that you've changed the flex-direction to column. On Wed, Aug 10, 2016 at 7:18 PM Philippe Wittenbergh wrote: > > > On Aug

Re: [css-d] Background images for element within MQ ?

Note that it still compiles to the first example. On Fri, Aug 5, 2016 at 3:18 PM Crest Christopher <crestchristop...@gmail.com> wrote: > I knew probably SaSS could do it although I don't use SaSS atleast I was > right ;-) > > Chris Rockwell wrote: > > > If I understand

Re: [css-d] Background images for element within MQ ?

If I understand you correctly, no. You can do: body { background-image: url('my300pximage.jpg'); } @media and (min-width: 700px) { body { background-image: url('my700pximage.jpg'); } } With sass you can do this: body { background-image: url('my300pximage.jpg'); @media and

Re: [css-d] Transform

Set top:0 in .colorbar-link. On Fri, Aug 5, 2016 at 11:43 AM Tom Livingston wrote: > List, > > I'm trying to add a hover to a block-styled link. I want to transition the > 'top' position of the element on hover with easing but I can't get it to > happen with the easing. Where

Re: [css-d] Freestyle measurement for Chrome [Off-Topic List Question]

The Web developer toolbar from Chris Pedrick (sp?) does that and much more. On Mon, Aug 1, 2016, 12:01 AM Crest Christopher wrote: > Anyone aware of a simple tool for Chrome which allows me to draw a > freestyle rectangle and get the dimensions displayed ? >

Re: [css-d] Responsive grid layout with graphics and scaling

wrote: > On Wednesday, June 29, 2016, Chris Rockwell <ch...@chrisrockwell.com> > wrote: > > > If this layout were in a narrower viewport than shown, and keeping > >> the grid as shown, in my mind the graphics in the middle row would > begin to > >> scale before

Re: [css-d] Responsive grid layout with graphics and scaling

> > If this layout were in a narrower viewport than shown, and keeping > the grid as shown, in my mind the graphics in the middle row would begin to > scale before the rest. For clarification: are you saying that's how you think it should work *or* that is the desired effect you're going for?

Re: [css-d] Theoretical Media Query question

the relevant media queries with each component. I've worked with large codebases that have separate files for media queries, each breakpoint, and I've always found it more difficult to track down what I need. On Tue, May 31, 2016 at 12:32 PM Chris Rockwell <ch...@chrisrockwell.com> wrote: > I

Re: [css-d] Theoretical Media Query question

I have used the method from the second article since I started using Sass. I break components/objects/atoms/whatever into their own file and it makes more sense, to me, to include the media query with the components. I make mine "more inline" though: .selector { color: red; @media

Re: [css-d] align 4 divs horizontally

There is likely a width set on one of the parents causing the overflow scrolling. Do you have a link? On Tue, Mar 29, 2016, 6:09 PM Larry Martell wrote: > I am trying to align 4 divs horizontally. I know I've successfully > done this before with either display:

Re: [css-d] coding "violators"

What are the different scenarios in which this would be used? Is the assumption that you need to move the text so that it fits right on different images correct? Can you use background-image for this, and then position the text within the container? On Mon, Mar 28, 2016 at 5:00 PM John J

Re: [css-d] 3 columns with expanding middle

Or flex: https://jsfiddle.net/gc1dgrsb. On Mon, Mar 28, 2016 at 3:01 PM Tom Livingston wrote: > You could try using calc, if the browser support is ok ( > http://caniuse.com/#search=calc). > > .centerdiv{width: calc(100% - 68px};/* 68 is width of two outer divs */ > > On Mon,

Re: [css-d] syntax: attribute selector on linked image

.css-discuss.org [mailto: > css-d-boun...@lists.css-discuss.org] On Behalf Of Chris Rockwell > Sent: Friday, March 25, 2016 7:29 PM > To: Karl DeSaulniers; CSS-D > Subject: Re: [css-d] syntax: attribute selector on linked image > > Is this in an iFrame? Have you inspected th

Re: [css-d] syntax: attribute selector on linked image

Is this in an iFrame? Have you inspected the element with developer tools to see what styles are being applied to it? Maybe yours are simply not specific enough. Here is an example using your original that shows the margin works just fine: https://jsfiddle.net/wnzfh6c4/ On Fri, Mar 25, 2016 at

Re: [css-d] Hiding desktop header menu on phones?

ive it a go and see what the results are. Chris Rockwell On Sun, Feb 28, 2016 at 3:12 PM, John J <cr8...@gmail.com> wrote: > I have my "waffle" menu div hiding until viewport reaches max-width: > 42.5rem, using display:none; in the desktop CSS, then using display:inline; > a

Re: [css-d] New website

Hi Karl, I loaded the site on a Nexus 5 and the breakpoints seem to work fine. What really stands out to me is the slow performance: http://www.webpagetest.org/result/160130_65_54P/. It loaded very slowly. I would focus on performance first, which does have an effect on seo. I use chrome Vox

Re: [css-d] Moving mobile nav to bottom?

When I read this I assumed J.C. was referring to a navigation bar that is fixed to the bottom of the screen, and I think D'Arcy provided a solution (I didn't test it). I think there are very valid use cases for this design pattern. If the navigation is accessible from the bottom of the screen it

Re: [css-d] make unbulleted list items align left

when I grab the list it applies my style to the lis and not the ul Is this because you don't have a consistent, reliable way to target the ul instead of the li's? If that's the case I would try to go up the theming chain (not sure the CMS) to apply some classes. Chris Rockwell On Wed, Aug 26

Re: [css-d] Vertical Horizontal Center ?

When you declare margin: 0 auto you're explicitly giving instructions to not use margin on the top and bottom. If absolute positioning is acceptable, you can do: margin:auto; position: absolute; top: 0; bottom:0; left:0 right:0; On Jun 3, 2015 7:46 PM, Crest Christopher

Re: [css-d] Z-index blocking script

There is no link, Crest. Why do you think z-index would be causing a script not to run? On Apr 5, 2015 1:21 PM, Crest Christopher crestchristop...@gmail.com wrote: I have a problem, z-index on this page is blocking the script to work, currently I've only removed the z-index for the x320 break

Re: [css-d] Stacking Issue continues

if statement to check if the value returned is zero, if it is, get the value from the parent.* Chris Rockwell On Thu, Jan 22, 2015 at 10:57 AM, Chris Rockwell ch...@chrisrockwell.com wrote: I think if you add a z-index to everything that is position:relative it will solve the issue (.circle-button

Re: [css-d] Stacking Issue continues

. Chris Rockwell On Thu, Jan 22, 2015 at 10:26 AM, Philip Taylor p.tay...@rhul.ac.uk wrote: Tom Livingston wrote: With respect, the code that the validator doesn't like or understand is necessary and the issue isn't showing up on other pages of the site with the same stylesheet. Fair

Re: [css-d] Stacking Issue continues

It appears that the addition of this: -webkit-transform: translate3d(0,0,0); fixes the Safari issue. That fix was mentioned in one of the StackOverflow threads I saw while looking into this. Odd that adding z-index didn't work as it did on my end, as well as removing `position:relative`. Oh

Re: [css-d] Stacking Issue continues

This is pretty ugly, but it works on Safari MAC : http://codepen.io/chrisrockwell/full/MYmdbo/ Chris Rockwell On Wed, Jan 21, 2015 at 5:53 PM, Tom Livingston tom...@gmail.com wrote: Unfortunately, I still can't post a link for this. Hopefully someone smarter than me can help me based

Re: [css-d] LESS CSS

Is using LESS for CSS off-topic? Have you looked at Stack Overflow? stackoverflow.com Chris Rockwell On Mon, Dec 8, 2014 at 1:05 PM, John j...@coffeeonmars.com wrote: A bit off-topic; any good current resources for LESS issues anyone can share? Thank you! John

Re: [css-d] Media Queries not working

{ background-color: gray; } } Chris Rockwell On Thu, Nov 20, 2014 at 8:46 PM, Tom Livingston tom...@gmail.com wrote: Try: @media only screen and (min-width : 320px) { #menupanel {background-color:red;height:400px;width:320px;border:2px;} } @media only screen and (min-width : 600px

Re: [css-d] Screens overload

, but they just prefer a different medium to solve the problems. Use whatever tools help you to solve the problem in the fastest way. Chris Rockwell On Sat, Nov 15, 2014 at 9:36 PM, Crest Christopher crestchristop...@gmail.com wrote: A sheet/styles for base styles. No MQ. What do you mean by MQ

Re: [css-d] Screens overload

to wikipedia: http://en.wikipedia.org/wiki/List_of_common_resolutions However, if you've ever looked at the stats for a low to medium traffic site, that list doesn't cover a fraction of them. Chris Rockwell On Wed, Nov 12, 2014 at 1:43 PM, Crest Christopher crestchristop...@gmail.com wrote: I

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

You have flexbox, display:table-cell, display:inline-block, float:left. I prefer flexbox but most often use one of the display's and avoid float at almost all costs. Are you using inline-block and running into this: http://css-tricks.com/fighting-the-space-between-inline-block-elements/? On Nov

Re: [css-d] Slides JS behavior due to CSS? (OT?)

loaded. - Drupal makes it point-and-click easy to aggregate and compress your CSS/JS, I would recommend taking advantage of this Hope it helps! Chris Chris Rockwell On Fri, Oct 24, 2014 at 10:49 PM, J.C. Berry jcharlesbe...@gmail.com wrote: Hello all, Feel free to tell me

Re: [css-d] Links in Academic style reference list some times not working

and paste it in to the Disable Rich Text view. Next, enable rich text, save it, go back and view the source - is anything different from what you originally put it? Again, I don't think this is CSS related so if you want to send me more details off list I would be happy to try and help. Chris Rockwell

Re: [css-d] Flex box help

explanation of the properties flex-grow and flex-shrink? Have you seen http://css-tricks.com/snippets/css/a-guide-to-flexbox/? Chris Rockwell On Thu, Oct 9, 2014 at 12:27 PM, Darren Brierton darren.brier...@gmail.com wrote: Hello I've been trying to familiarise myself with the new Flexible Box

Re: [css-d] Grid Columns and Frustrations

When using a Grid FrameWork must you keep all the column classes and gutters or that is only needed when designing ? Not at all. If the grid framework is too difficult to modify for your needs, choose another framework, or start form scratch. A grid framework, or any framework for that

Re: [css-d] First-Child

I can't look at the example now, but there are endless examples available, try MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/:first-child On Sep 26, 2014 9:40 AM, Crest Christopher crestchristop...@gmail.com wrote: The first child of my example, I linked too. Philip Taylor wrote:

Re: [css-d] input[type=checkbox]:checked+label not working

Hey Matthew, If you look at the stylesheet in Chrome dev tools you'll see a red dot after both of the styles in question - deleting it solves the issue. A search suggests that it's unicode characters inserted by server side code: http://stackoverflow.com/a/23511935 Chris Chris Rockwell On Tue

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

it belongs. Chris Rockwell On Wed, Sep 17, 2014 at 11:32 PM, Dave Solko d...@pixelalchemy.com wrote: Is it possible to add a link to the :after? I'm adding an image via :after, and I want to make it clickable. Is this possible? Using WP, and it's not possible to add the image without

Re: [css-d] why % not working for this?

://ejohn.org/blog/sub-pixel-problems-in-css/). Chris Chris Rockwell On Thu, Sep 18, 2014 at 4:38 PM, John j...@coffeeonmars.com wrote: http://www.coffeeonmars.com/170_su/client/portfolio/ At this link, I have 3 thumbnails which display horizontally and are evenly distributed, and respect

Re: [css-d] why % not working for this?

Glad to help! Chris Rockwell On Thu, Sep 18, 2014 at 5:00 PM, John j...@coffeeonmars.com wrote: On Sep 18, 2014, at 1:49 PM, Chris Rockwell ch...@chrisrockwell.com wrote: Check out the Computed tab in Chrome Dev tools - it shows that 47.87234% is equal to 430.844 pixels which, without

Re: [css-d] Script Changing CSS Font BG

Can you elaborate on what you want/expect to happen? Sounds like a jsfiddle.net example or some code might be necessary to help. If you don't want it to happen, it *sounds* like a JavaScript/jQuery issue. If you want it to happen but you're getting the wrong styles, it *could* be a CSS issue.

Re: [css-d] Script Changing CSS Font BG

Hey Chris - there is no link in your email. Chris Chris Rockwell On Sat, Sep 13, 2014 at 9:06 PM, Crest Christopher crestchristop...@gmail.com wrote: Hi, thank you for your help. If you don't mind visiting this page, followed by clicking on the word tutorials. There are two issues, first

Re: [css-d] Script Changing CSS Font BG

Rockwell On Sat, Sep 13, 2014 at 9:50 PM, Crest Christopher crestchristop...@gmail.com wrote: Sorry ! [Link http://www.thecreativesheep.ca/webdesignprojects/largeprojects/CreativeSheep/cs_site.html ] Chris Rockwell wrote: Hey Chris - there is no link in your email. Chris Chris Rockwell

Re: [css-d] forms

Many ways to do this, some add to html, some to css. You should be able to go to any website that has a form to inspect how they do it. Just wrap each label/input pair in a span/div and use a class of 'form-element--inline' or 'form-element--block'. Make the former display: inline-block and the

Re: [css-d] SVG background-image with fallback

('image.svg'), none; There's also modernizr if you're already using that. Chris Chris Rockwell On Tue, Aug 5, 2014 at 9:00 AM, Tom Livingston tom...@gmail.com wrote: List, I was having a discussion in the comments of an article about using svg as a background-image in CSS, and using a png

Re: [css-d] SVG background-image with fallback

They do work the same. You're not giving it a declaration it doesn't understand ( like rgba(), therefore causing a fallback ), it perfectly understands url(), it just can't render the resource you're giving it. Chris Rockwell On Tue, Aug 5, 2014 at 9:17 AM, Tom Livingston tom...@gmail.com

Re: [css-d] SVG background-image with fallback

Hey Tom, just a heads up that you need to include the 2nd argument in background-image:, otherwise it won't fallback. Chris On Aug 5, 2014 8:45 PM, Tom Livingston tom...@gmail.com wrote: On Tuesday, August 5, 2014, Karl DeSaulniers k...@designdrumm.com wrote: On Aug 5, 2014, at 6:15 PM,

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

by adding inline styles (as opposed to adding classes and dealing with the styling in a sheet), but this will hopefully get you thinking along the right path. Make sense? Chris Chris Rockwell On Fri, Aug 1, 2014 at 1:13 PM, Tom Livingston tom...@gmail.com wrote: Works in latest Chrome and FF for me

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

of the necessity for !important :)). Chris Rockwell On Fri, Aug 1, 2014 at 1:28 PM, Debbie Campbell d...@redkitecreative.com wrote: I'm not at all opposed to removing the JS, it's kind of an artifact... -- Debbie On 8/1/2014 11:26 AM, Chris Rockwell wrote: Hi Debbie, If I understand you

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

You may not need to Debbie, I just wanted to mention it. Why not add the CSS I included to your stylesheet and se Chris Rockwell I'm not at all opposed to removing the JS, it's kind of an artifact... -- Debbie On 8/1/2014 11:26 AM, Chris Rockwell wrote: Hi Debbie, If I understand you

[css-d] Fwd: Re: Web fonts

I failed, once again, to Reply-All -- Forwarded message -- From: Chris Rockwell ch...@chrisrockwell.com Date: Jul 30, 2014 10:36 PM Subject: Re: [css-d] Web fonts To: Stuart King zinlo...@gmail.com Cc: Here is the culprit: .column-content p { font-family: Whitney A, Whitney B

Re: [css-d] Placement of MQ question

and there is no adherence to structure, you'll end up with some messiness down the road (I feel like I'm preaching to the choir on this point though :D, maybe I've misunderstood the question). Hope that helps. Chris Rockwell On Mon, Jul 28, 2014 at 1:23 PM, Tom Livingston tom...@gmail.com wrote: List, I'm

Re: [css-d] Placement of MQ question

I would add it to the end of the main sheet and import the partial in this scenario. Chris Rockwell On Mon, Jul 28, 2014 at 2:33 PM, Tom Livingston tom...@gmail.com wrote: 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

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

Felix, admittedly I never questioned why setting font-size: 100% was a best practice, it's just always something I've done. Based on your response I did some quick research and, it appears, the original reason was to fix some ie6/7 issues with em scaling. Additionally, I checked normalize.CSS as

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

Nevermind, its not in normalize.CSS, I scanned too quickly - sorry! On Jul 26, 2014 9:40 PM, Chris Rockwell ch...@chrisrockwell.com wrote: Felix, admittedly I never questioned why setting font-size: 100% was a best practice, it's just always something I've done. Based on your response I did

[css-d] CSS columns and figures

If you haven't seen this yet, it's worth the read and play time: http://alistapart.com/blog/post/ten-css-one-liners-to-replace-native-apps Chris Rockwell __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org

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

is equal to (32 * 1.25)px. Make sense? If you want to pad it 20px (1.25em of document base font size), you would need to set padding-left to 0.625em Hopefully I haven't muddied the waters. Chris Rockwell On Thu, Jul 24, 2014 at 11:22 AM, John j...@coffeeonmars.com wrote: On Jul 24, 2014, at 8:18

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

So, I either have to keep track of the math, or…is there another, better way I should have built that lock-up? If you want to use em's, you'll need to be aware of parent font sizes. Personally, I don't put img's in h1's, but I see it in practice all of the time (and it's acceptable as far as

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

Right on…the hide me from view method is one I was encouraged to explore; have not yet done so. Take a look at https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css#L110 __ css-discuss

Re: [css-d] header float issues

could use display:table on header and then display:table-cell on both #lock-up and img. Playing around with any of those will get you going. Chris Chris Rockwell On Mon, Jul 21, 2014 at 1:01 PM, John j...@coffeeonmars.com wrote: http://www.coffeeonmars.com/170_su/template/home.html

Re: [css-d] Chrome issue with 1 pixel spacing between ul

Thanks all. It looks like I need to set the width above 100%. I'm generating screenshots from browserstack now. Chris Rockwell On Mon, Jul 14, 2014 at 11:56 PM, Georg ge...@gunlaug.com wrote: Den 15.07.2014 02:44, skrev Jon Reece: ​Maybe a pixel-rounding issue? Yes, it is. Testing

[css-d] Chrome issue with 1 pixel spacing between ul

a transparent separation that, again, only occurs in Chrome on this home page. I'm also a bit baffled because it doesn't happen on internal pages despite them using the same styling, only the positioning is different. Thanks for taking a look, and for any ideas. Chris Rockwell

Re: [css-d] Chrome issue with 1 pixel spacing between ul

...@lists.css-discuss.org [mailto: css-d-boun...@lists.css- discuss.org] On Behalf Of Chris Rockwell Sent: Monday, July 14, 2014 4:17 PM To: CSS-Discuss Subject: [css-d] Chrome issue with 1 pixel spacing between ul Hey all, I'm struggling to track down why, in Chrome (I'm in 35.0.1916.153 m

Re: [css-d] Chrome issue with 1 pixel spacing between ul

In that case, why not add 'overflow: visible' to .l-region--navigation nav .menu:hover li ul That will resolve the issue with the spacing, but the menu functionality is messed up -- `overflow` is not transitionable (?) so the sub menus appear before the transition finishes. See this pen

Re: [css-d] nested li:hover issue

In the sub menus you have :hover applied to both the li and the a - what colors/background are you expecting? #header nav ul li ul li:hover { 1. font-weight: bold; 2. color: green; #header nav li a:hover{ 1. background: skyblue; 2. color: black; Chris Rockwell On Thu, Jul 10

Re: [css-d] Table with fixed headers

That example explicitly sets the width of each th and each td. The last th and td (the td, really) accounts for what the author thinks will be the width of the scroll bar. I forked your fiddle and added the top 3 declarations: http://jsfiddle.net/cFr38/ Hope it helps. Chris Rockwell On Mon

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

this as well. That combined with http://htmlemailboilerplate.com/ will give you some pretty solid email templates. Chris Rockwell On Tue, Jun 17, 2014 at 7:26 PM, J.C. Berry jcharlesbe...@gmail.com wrote: Hello, I have a question about a simple layout here. The width is 660px as you can see

Re: [css-d] flexbox flex-direction column, percentage flex-basis IE 11

IE 11.0.9600.17107 on Window 7 shows a single red box. Chris Rockwell On Mon, Jun 9, 2014 at 8:45 AM, Philippe Wittenbergh e...@l-c-n.com wrote: Can anyone out there tell me what IE 11 does with the following test case? http://dev.l-c-n.com/_temp/flexbox/flex-basis_column.html The expected

Re: [css-d] flexbox flex-direction column, percentage flex-basis IE 11

Sorry - green box. Chris Rockwell On Mon, Jun 9, 2014 at 9:36 AM, Chris Rockwell ch...@chrisrockwell.com wrote: IE 11.0.9600.17107 on Window 7 shows a single red box. Chris Rockwell On Mon, Jun 9, 2014 at 8:45 AM, Philippe Wittenbergh e...@l-c-n.com wrote: Can anyone out there tell me

Re: [css-d] Text wraps to left of right floated img, but not for right floated div

Hi Tim, You have width on #imgDiv set to 'auto'. Every element within #imgDiv is absolutely positioned which effectively removes them from #imgDiv, making its width 0. If you set it to the width of your images (250px) it will resolve. Chris Chris Rockwell On Thu, May 29, 2014 at 12:54 PM

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

-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/ -- Chris Rockwell

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

/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Chris Rockwell __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman

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

. Good luck! On Mon, Mar 17, 2014 at 11:45 AM, John j...@coffeeonmars.com wrote: 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

Re: [css-d] Responstable SCSS

-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/ -- Chris Rockwell __ css

Re: [css-d] Responstable SCSS

Try adding this to your head tag: meta name=viewport content=width=device-width, initial-scale=1 On Mon, Mar 17, 2014 at 2:28 PM, SSC_perl p...@surfshopcart.com 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

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 p...@surfshopcart.com wrote: On Mar 17, 2014, at 11:53 AM, Chris Rockwell wrote: meta name=viewport content=width=device-width, initial-scale=1 That was it! Thanks, Chris! The table now

Re: [css-d] ie/11

-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Chris Rockwell __ css-discuss [css-d@lists.css-discuss.org] http://www.css

Re: [css-d] ie/11

Or maybe it's something else, this seems to work fine: http://jsfiddle.net/2n6an/ On Sun, Mar 16, 2014 at 8:40 PM, Chris Rockwell ch...@chrisrockwell.comwrote: It's the letter-spacing, just don't know why yet. It appears to only have an affect when it's being applied to the content

Re: [css-d] ie/11

Aargh, this is annoying. I've got it narrowed down to the text shadow. On Sun, Mar 16, 2014 at 8:49 PM, Chris Rockwell ch...@chrisrockwell.comwrote: Or maybe it's something else, this seems to work fine: http://jsfiddle.net/2n6an/ On Sun, Mar 16, 2014 at 8:40 PM, Chris Rockwell ch

Re: [css-d] ie/11

Here is an example without using ::after and content http://jsfiddle.net/2n6an/1/ On Sun, Mar 16, 2014 at 8:52 PM, Chris Rockwell ch...@chrisrockwell.comwrote: Aargh, this is annoying. I've got it narrowed down to the text shadow. On Sun, Mar 16, 2014 at 8:49 PM, Chris Rockwell ch

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

/help_support_evolt/ -- Chris Rockwell __ 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] Font Stacks and Web fonts

was not downloaded if the first font was available (I used Arial, and Open-Sans). I think this will hold true for fonts from services such as Google Fonts since, in the case of Google atleast, it's just adding the @font-face declaration which in turn has the url(). -- Chris Rockwell

[css-d] Browser hacks

Has JS hacks as well, but it's a nice reference of all the hacks that are out there: http://browserhacks.com/ -- Chris Rockwell __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List

Re: [css-d] child width exceeding parents' ?!

-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Chris Rockwell __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http

Re: [css-d] Page Scales when Browser Scrolls (IE Only)

://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Chris Rockwell __ css-discuss [css-d@lists.css-discuss.org] http://www.css

Re: [css-d] Page Scales when Browser Scrolls (IE Only)

When you use the IE Scroll bar as you would to scroll a page, the page doesn't grow ? Assuming you mean the height of the page, no, it doesn't grow for me. You have the height of #capsule set in pixels. Unless you're viewing it in an old version of IE and its lack of support for elements

Re: [css-d] Page Scales when Browser Scrolls (IE Only)

scroll any page, that's odd, what am I experiencing ? Chris Rockwell wrote: When you use the IE Scroll bar as you would to scroll a page, the page doesn't grow ? Assuming you mean the height of the page, no, it doesn't grow for me. You have the height of #capsule set in pixels. Unless you're

Re: [css-d] Page Scales when Browser Scrolls (IE Only)

crestchristop...@gmail.com wrote: Sorry about not using the correct reply :) I updated the page herehttp://www.thecreativesheep.ca/webdesignprojects/largeprojects/cs_site.html . Chris Rockwell wrote: Hey Christopher, you're not hitting reply all, so only I'm getting the responses

Re: [css-d] is clear a hack?

-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Chris Rockwell __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman

Re: [css-d] is clear a hack?

://www.evolt.org/help_support_evolt/ -- Chris Rockwell __ 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

Re: [css-d] Help w/CSS and Bootstrap

I think you will have more success using Bootstrap's .nav markup, styled with .nav-pills and .nav-stacked. The current markup will need some difficult CSS to resolve, methinks. (This just from a cursory look at Bootstrap - you may find something better.) The current markup won't need

Re: [css-d] Bootstrap CSS...

Questions are: - In the left sidebar (Choose a Report) I would like the hover to extend the complete width of the sidebar and midway up/down between the items. I used display:block but I can't seem to get it fine tuned. You should apply display:block to the anchor elements (a) to make them

Re: [css-d] media queries

/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Chris Rockwell __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo

Re: [css-d] media queries

-- http://www.evolt.org/help_support_evolt/ -- Chris Rockwell __ 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

Re: [css-d] Will the unsemantic HTML elements B and I be soon phased out?

- not to indicate meaning except in the case of helping other developers understand the markup. -- Chris Rockwell __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http

Re: [css-d] Will the unsemantic HTML elements B and I be soon phased out?

-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Chris Rockwell __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org

Re: [css-d] Will the unsemantic HTML elements B and I be soon phased out?

/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Chris Rockwell __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman

Re: [css-d] hiding things and bandwidth?

://www.evolt.org/help_support_evolt/ -- Chris Rockwell __ 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

Re: [css-d] hiding things and bandwidth?

So my short answer is that using CSS for this is not a good idea :) On Fri, Feb 14, 2014 at 12:57 PM, Chris Rockwell ch...@chrisrockwell.comwrote: I've been thinking about this off and on for a few weeks now. In my case, I have one image carousel that loads up 18 images. I hid it on narrow

  1   2   3   >