Re: [css-d] Best technique for: Any number of columns, plus fixed margin, in a responsive parent container

On Thu, Jan 28, 2016 at 7:08 AM, sullivanlehdesigns wrote: > Check out gridsetapp.com > If the site is simpler, http://getskeleton.com/ is great. Cool! Thanks! > I don’t personally use frameworks because I want to understand the code Ditto! I mean, I use frameworks, but I also like to understan

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

Hi, On Wed, Jan 27, 2016 at 2:15 PM, J.C. Berry wrote: > I have read that on mobile devices it is better to move your nav to the > bottom of the screen. First of all, do you agree? Secondly, how can you > move something down that may be in the HTML above the other elements? You could use flexbox

Re: [css-d] Best technique for: Any number of columns, plus fixed margin, in a responsive parent container

Thanks for the additional replies and help everyone. :) Interesting stuff. Since we're talking about (grid) frameworks, I'm a huge fan of Pure: http://purecss.io/ It's pretty easy to just utilize their grids via their CDN. Also, they have a Grunt task so you can modify the dimensions during yo

Re: [css-d] Best technique for: Any number of columns, plus fixed margin, in a responsive parent container

On Thu, Jan 21, 2016 at 10:44 AM, Karl DeSaulniers wrote: > You can also use a UL and LIs to emulate a table. > If you know your audience is going to be on a browser that handles display: > table it works best. Good idea. I'm mostly just looking to gather a few good, quick to implement with low

[css-d] Best technique for: Any number of columns, plus fixed margin, in a responsive parent container

Hi! Just curious what techniques you use when you want to have a container with any number of child columns that have fixed-width margins, only on the inside of columns. For example, I would like to create a 4 column module (pseudo-markup follows): … and later have the ability to throw-in

Re: [css-d] [ADMIN] Hello, my friends, hello

Anyone know why the public archives are out of date? At first, I was going to say "wow, 180 e-mails to the list in October … I stand corrected in terms of list participation being down", but then I realized that was for 2014. On Mon, Jan 4, 20

Re: [css-d] [ADMIN] Hello, my friends, hello

On Wed, Dec 30, 2015 at 11:39 AM, Felix Miata wrote: > I don't share your best of both opinion. I like the tight focus here. There's > good when a hybrid solution is OK. Here's better when interested in a purely > CSS approach. I can't argue with that. :) I suppose I'm just trying to think of a

Re: [css-d] [ADMIN] Hello, my friends, hello

On Wed, Dec 30, 2015 at 10:30 AM, Tom Livingston wrote: > I've used WD-L only a few times (not counting while css-d was down). I > don't think the responses are on par with css-d. I *get* answers, but, > like stackoverflow, "just use Bootstrap" isn't a good answer to me. I've been a member of bot

Re: [css-d] [ADMIN] Hello, my friends, hello

I wonder if the list has quieted down due to the fact that CSS has gotten easier to use over the years? It would be interesting to compare the list participation to the deaths of older Internet Explorers. :) On top of older IEs becoming a thing of the past, and browsers supporting cutting edge te

Re: [css-d] CSS code - is this right?

On Wed, Aug 13, 2014 at 3:49 PM, John D wrote: > Just noticed that a joomla site has the following code: > Is this correct especially th items in square brackets? > I thought the easiest way is to write something like this: > Why are they using square brackets? Begins: p[class^="al"] { background

Re: [css-d] Firefox and page inflation

On Mon, Apr 7, 2014 at 6:32 PM, Micky Hulse wrote: > Crawling back into my hole now. :D There's an interesting thread here: "How to disable system DPI detection on FireFox 22" <https://support.mozilla.org/en-US/questions/962945> Found when searching for "fire

Re: [css-d] Firefox and page inflation

On Mon, Apr 7, 2014 at 6:30 PM, Micky Hulse wrote: > Looks like no difference between shots. Of course, they don't offer Firefox > 28 for the screen shots, so I guess those screens are of no help anyway. Crawling back into my hole now. :D (would still love to see a watered down tes

Re: [css-d] Firefox and page inflation

On Mon, Apr 7, 2014 at 6:25 PM, Micky Hulse wrote: > Ah, so it's all based on one having a high PPI monitor? Probably not helpful due to lack of PPI setting/option, but here's a batch of Browserstack automated screens: <http://www.browserstack

Re: [css-d] Firefox and page inflation

On Mon, Apr 7, 2014 at 6:06 PM, Eric wrote: > I've tested on Win8 and reported my findings. I'll test later on Win7, but I > seriously doubt there will be a diff. Especially on my standard density > 1920x1080 screen. Ah, so it's all based on one having a high PPI monitor? I'm assuming Browsersta

Re: [css-d] Firefox and page inflation

On Mon, Apr 7, 2014 at 1:41 PM, Davies, Elizabeth wrote: > Tom sent me some screenshots and is also not seeing the effect on a Mac. I > checked around on our in house Macs, and this appears to be a Windows OS with > Firefox effect. What we're seeing is an overall inflation of the entire page >

Re: [css-d] Firefox and page inflation

On Mon, Apr 7, 2014 at 11:38 AM, Eric wrote: > As for the OP's question. I don't see what Elizabeth describes in Mozilla > Nightly (still need to try in on FF). The diffs I did see between Nightly and > Chrome are minor and appear to be due to the usual diffs in UA font rendering > engines. I did

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

Ya'll, I hate to be rude, but isn't markup debates a little OT for CSS-d? __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ

Re: [css-d] HTML5 , iOS7, gray background and height?

24 AM, Philippe Wittenbergh wrote: > > Le 6 févr. 2014 à 17:10, Micky Hulse a écrit : > >>> audio { width: 200px; height: 40px; } >>> should give you a start, adjust to taste. >> >> Interesting! I'll play with that. >> >> Thing is, I'm getting

Re: [css-d] HTML5 , iOS7, gray background and height?

Philippe! Thank you! :) On Wed, Feb 5, 2014 at 11:48 PM, Philippe Wittenbergh wrote: > Right, that example only links to a .ogg file, which neither desktop nor > mobile Safari can play. Sorry, that was probably a bad example. I'm working on a test page that has same problem with skin, but t

[css-d] HTML5 , iOS7, gray background and height?

Take this site/page for example (not my site, no relation, just an example): See that HTML5 audio player? Here's what I see via iOS7: Things

Re: [css-d] Visual styling vs. source order

On Thu, Dec 19, 2013 at 2:00 PM, Tom Livingston wrote: > Is it wrong to have an H2 before an h1, which would lend itself to the > visual look as well as the importance of the lines of copy, or should > they be in a h1 then h2 source order and somehow arrange them with css > to match the layout. An

Re: [css-d] Detecting Quirks Mode

One way I check is by using the IE developer tools. There's a spot at the top of the Firebug-esque console that tells you what mode you're in. It's a good tool to make use of if you're doing a ton of IE dev. Here's a list of IE debug tools I have used for various projects:

Re: [css-d] Using :focus +

That is cool. Have you read much about adjacent sibling selector? https://developer.mozilla.org/en-US/docs/Web/CSS/Adjacent_sibling_selectors http://meyerweb.com/eric/articles/webrev/27a.html -- __ css-discuss [css-d@lists.

Re: [css-d] Visual styling vs. source order

Have you thought of using flexbox? http://css-tricks.com/snippets/css/a-guide-to-flexbox/ The "order" property might be a good fit for your situation. __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailma

Re: [css-d] Good HTML / CSS3 books

On Mon, Oct 28, 2013 at 9:21 AM, Micky Hulse wrote: > I'm kinda thinking about buying: > <http://www.sketchingwithcss.com/> > Looks/sounds like a fresh take on the subject matter. An off-list comment by a person who mentioned that they did not like the Sketching with CS

Re: [css-d] Good HTML / CSS3 books

I'm kinda thinking about buying: Looks/sounds like a fresh take on the subject matter. __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FA

Re: [css-d] Flexbox order and first/last elements ...

Thanks for the reply/answer/code Philippe! It's much appreciated. On Fri, Oct 25, 2013 at 11:01 PM, Philippe Wittenbergh wrote: > Directly? I don’t think so - all those (:first-*, :last-*) pseudo-classes > target real elements in the DOM. Ah, that's good to know. Thanks for the clarification. :

[css-d] Flexbox order and first/last elements ...

When using a flexbox layout, and re-ordering columns (for example) using the "order" property, is there a way to target the "visible" first/last child? Everything I try only affects the actual ordering of elements in the source code, not the ordering that's set via "order". Thanks! __

Re: [css-d] center container with variable-width children

Ooops, just noticed, but it looks like the grunt-stripmq author is now using the @content feature of SCSS: __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.

Re: [css-d] center container with variable-width children

For inline style approaches using preprocessors, there's: http://jakearchibald.github.io/sass-ie/ and: https://github.com/himedlooff/media-query-to-type For the less technique, there's a discussion here with some details: https://github.com/himedlooff/media-query-to-type/issues/1 Just saw tha

Re: [css-d] Horizontally align/restrict caption to bottom of photo of unknown width

Thanks for the replies and help Chris and Karl! Also, thanks Karl for the JS code, that's really cool! Much appreciated! :) Have an excellent day! Cheers, Micky __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss

Re: [css-d] Horizontally align/restrict caption to bottom of photo of unknown width

Hi Karl! Thanks for the help! Much appreciated. :) On Thu, Jul 18, 2013 at 8:35 PM, Karl DeSaulniers wrote: > Firefox and Safari on my machine are doing the same thing here. FYI. > Although the one on the bottom does not have the same text in it so it is > kind of hard to tell if it is working.

Re: [css-d] Horizontally align/restrict caption to bottom of photo of unknown width

Hi Philippe! Thanks for your help! I really appreciate it. :) On Thu, Jul 18, 2013 at 5:32 PM, Philippe Wittenbergh wrote: > As for the original requirement (the caption won't be wider than the > intrinsic width of the image), I don't think there is a css property (current > or future) that wil

Re: [css-d] Horizontally align/restrict caption to bottom of photo of unknown width

On Thu, Jul 18, 2013 at 5:07 PM, John Snippe wrote: > I'm not sure what's going wrong with my test url... the server isn't sending > out what is ACTUALLY on the server currently... there seems to be some sort > of cache issue. Anyhow, here's where I am leaving it. You'll notice that > the src

Re: [css-d] Horizontally align/restrict caption to bottom of photo of unknown width

Wow, thanks for all the help John, I know I sound like a broken record but I really do appreciate it!!! :) On Thu, Jul 18, 2013 at 4:52 PM, John Snippe wrote: > On 2013-07-18, at 7:26 PM, Micky Hulse wrote: >> That would probably work, but I'm trying to avoid setting widths on >

Re: [css-d] Horizontally align/restrict caption to bottom of photo of unknown width

On Thu, Jul 18, 2013 at 4:29 PM, Micky Hulse wrote: > Hmm, yah, that's an obvious one. ;) > I'll play with that. I wonder how a table responds to max-width:100%? > But yah, I'll play with that and post back my findings to this thread. Close! But a no-go on the "re

Re: [css-d] Horizontally align/restrict caption to bottom of photo of unknown width

Hi Philip, thanks for the help, I really appreciate it. On Thu, Jul 18, 2013 at 4:22 PM, Philip Taylor wrote: > + , Micky ? > > http://photos.for-charity.org/resources/tests/Wrapped-caption.html Hmm, yah, that's an obvious one. ;) I'll play with that. I wonder how a table responds to m

Re: [css-d] Horizontally align/restrict caption to bottom of photo of unknown width

Hi John! On Thu, Jul 18, 2013 at 4:20 PM, John Snippe wrote: > Will this work? > http://www.snippe.ca/tests/hulse.html Thanks so much for the additional help, I really appreciate it. :) That would probably work, but I'm trying to avoid setting widths on parent elements. I just want the body/vie

Re: [css-d] Horizontally align/restrict caption to bottom of photo of unknown width

On Thu, Jul 18, 2013 at 3:40 PM, Micky Hulse wrote: > Hopefully that helps to clarify. Please let me know if I can provide > more information. Here's a quick demo I've slapped together: <http://jsbin.com/eruxew> Scale the view port up/down (Firefox/Mac users can use Op

Re: [css-d] Horizontally align/restrict caption to bottom of photo of unknown width

Hi John! Thanks for showing interest in my question, I really appreciate the help. On Thu, Jul 18, 2013 at 3:31 PM, John Snippe wrote: > I'm unclear: how can you be after responsive and be dealing with an unknown > width at the same time? Would you not, at some point, be defining a space > for

Re: [css-d] Horizontally align/restrict caption to bottom of photo of unknown width

On Thu, Jul 18, 2013 at 3:06 PM, Micky Hulse wrote: > With all that said, I was just curious if there's a new-ish CSS3 way > of doing what I want. I don't mind not supporting the older browsers, Heck, I'd even be interested in seeing how this is done using an HTML !

[css-d] Horizontally align/restrict caption to bottom of photo of unknown width

Hello, Just curious if anyone knows of a CSS3 technique that would restrict a photo's caption (in this case, I want to use and for the markup) to the bottom of a photo of an unknown width? I've been playing around with display inline-block and table, but I haven't had any luck getting the capti

Re: [css-d] what should go in html{ } ?

My latest project uses these styles (after having included normalize.css): [snip] html, body { background: #fff; } html { height: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { font: 100.01%/1.5 Cambria, Georgia, serif;; color: #000; -webkit-font-

Re: [css-d] CSS3 Selectors

Are you using it for anything mission critical? Personally, I let something like that gracefully degrade. Or, looking at: http://caniuse.com/#search=nth- Seems like contemporary browsers have a handle on that. Sometimes I'll just make sure there's an alternative option (or, it degrades gracefully

Re: [css-d] @media all {} & @media screen {}: Both ignored (or followed) by IE6-8

On Wed, May 22, 2013 at 4:47 PM, Philippe Wittenbergh wrote: > Contrary to what has been said, IE 7 & 8 (and 6 I think, but it has been a > while since I checked thoroughly) really support basic media queries of the > type Ah, so I was wrong about that HTMLDog article ... As you say below, it's

Re: [css-d] @media all {} & @media screen {}: Both ignored (or followed) by IE6-8

On Wed, May 22, 2013 at 4:18 PM, David Hucklesby wrote: > But why would you do that? (Use "@media" on its own, that is.) Another good question! :D I left out a critical piece of info: Long story short, that's a LESS concept/technique where on

Re: [css-d] @media all {} & @media screen {}: Both ignored (or followed) by IE6-8

On Wed, May 22, 2013 at 4:12 PM, Micky Hulse wrote: > Btw, Tom, you might find this repo/thread interesting: > <https://github.com/himedlooff/media-query-to-type/issues/1> > ... as you've said before that you're working with SASS. To clarify, the above issue is in refe

Re: [css-d] @media all {} & @media screen {}: Both ignored (or followed) by IE6-8

On Wed, May 22, 2013 at 4:05 PM, Micky Hulse wrote: > IE8 will load the styles within the first ... the ladder is a no go. Doi! That should be "latter" not "ladder". Me = stupid. :D Btw, Tom, you might find this repo/thread interesting: <https://github.com/himedlooff/

Re: [css-d] @media all {} & @media screen {}: Both ignored (or followed) by IE6-8

On Wed, May 22, 2013 at 3:58 PM, Tom Livingston wrote: > Just thinking out loud, but is the above, without any attributes (?) > like screen or all, valid? Good question. Based on this page: [[ If the media query list is empty (i.e. the declaration is

Re: [css-d] @media all {} & @media screen {}: Both ignored (or followed) by IE6-8

Thanks for the replies everyone, as always, I really appreciate your help! Sorry in advance for the following rambling e-mail. For those of you that actually make it to the end, I hope I made it worth your time. :) On Wed, May 22, 2013 at 1:07 PM, David Laakso wrote: > IE 6/7/8 do not support me

[css-d] @media all {} & @media screen {}: Both ignored (or followed) by IE6-8

Howdy, I'm in a situation where I would like to use @media all { ... } and @media screen { ... } around blocks of CSS in a large collection of style sheets. Test page using @media all { ... }: Test page using @media screen { ... }: I've

Re: [css-d] background image not appearing

Howdy, On Fri, Apr 26, 2013 at 3:50 PM, COM wrote: > given the code below and that my "bricktile.jpg" is 1 level up from my > index.html in a folder named "image" can anyone tell me why my > background-image refuses to appear? Have you tried: background-image:url(../image/bricktile.jpg); ___

Re: [css-d] font-size in body selector?

You might find this tool interesting to play with: The "Learn" tab has some OK info, and the math (for conversions) is good to know too. This article might also be of some interest to you: __

Re: [css-d] font-size in body selector?

>From what I know, that's based on the browser and the user prefs. On my Mac, using Firefox latest, there's a Fonts & Colors section of in the prefs under "Content". The default font size out-of-the-box is Times 16. Anecdote: I have an older friend, in his 60s, that has this set to something like

Re: [css-d] Left sidebar aligned with a centered block

Hello, I _quickly_ slapped this together: http://jsbin.com/asozay/1/ Not cross-browser tested though. The basic gist of things is to have an absolutely positioned sidebar inside the parent which is position relative. >From there, you can keep the main column centered like normal, and the sideb

Re: [css-d] "desktop first" tutorial

Hi Tom! On Tue, Apr 2, 2013 at 8:53 PM, Tom Livingston wrote: > In response to your issue #2 below, I have had good luck with putting MQs on > link elements, and then repeating the link elements without MQs inside a > conditional comment for 7 & 8, allowing the cascade work to deliver a > desktop

Re: [css-d] "desktop first" tutorial

Thanks to everyone for the replies, I really appreciate it! :) @jon: Thanks for pointing me towards Bootstrap. That's an area of Bootstrap I have not explored (I've mostly studied Bootstrap in terms of the LESS setup). I'll take the time to look into the MQs used there and the docs/philosophy/thin

Re: [css-d] "desktop first" tutorial

Actually, my main question: When designing desktop first MQs, how should the MQs stack? Fake breakpoint numbers follow: Global styles, 545px, 845px, 1045px, Desktop OR Desktop & global styles, 1045px, 845px, 545px In other words, what's the optimal way to order breakpoints and global/desktop

[css-d] "desktop first" tutorial

Hey all, I wanted to experiment with a "desktop first" media query setup. I've been using the "mobile first" approach for so long, that my brain is having troubles reversing that process. :D I understand the goal is to use "max-width" vs. "min-width", but I was wondering if there are any good tut

Re: [css-d] Media query syntax when a separate style sheet is included

On Mon, Mar 18, 2013 at 1:44 PM, Micky Hulse wrote: > Hindsight is 20/20, and a part of me is wondering if I should > re-factor my CSS to take the approach you mention. Doing so would > solve two problems that I'm having: > 2. I'd like to feed IE < 8 a static &quo

Re: [css-d] Media query syntax when a separate style sheet is included

On Sat, Mar 16, 2013 at 7:09 PM, Tom Livingston wrote: > I'll add that I use a mobile-first approach and I don't repeat the base > style sheet (which doesn't have an MQ) in the conditional comment and I have > a separate link element for print styles, if I use one. Just out of curiosity, do you h

Re: [css-d] Media query syntax when a separate style sheet is included

Hi Tom! Thanks for the reply and help, I really appreciate it. :) On Sat, Mar 16, 2013 at 5:32 AM, Tom Livingston wrote: > FWIW, I use MQs on link elements to load sheets. Then, for IE less than 9, I > repeat the link elements without MQs inside a conditional comment to serve > the desktop only l

Re: [css-d] Media query syntax when a separate style sheet is included

On Fri, Mar 15, 2013 at 11:38 AM, Micky Hulse wrote: > Oh, that's good to know. I did not realize that this was the case. I > probably read some misinformation somewhere (or I did not fully > understand one of the articles I read) saying that @media print {} was > IE9+ thing. Ah

Re: [css-d] Media query syntax when a separate style sheet is included

Hi Tom and Philippe, thanks for the replies! Thanks for linkage Tom! > The copy/paste disease. Ha! That's the term I was looking for! :D On Fri, Mar 15, 2013 at 7:44 PM, Philippe Wittenbergh wrote: > I’ve always found that statement about the ‘only’ keyword in the CSS > MQ spec somewhat ambiva

Re: [css-d] Media query syntax when a separate style sheet is included

On Thu, Mar 14, 2013 at 2:18 PM, Micky Hulse wrote: > For a while now, I've been writing 90% of my media query syntax like so: > @media screen and () { ... } You know, it's strange ... It seems like everywhere I look people do: @media only screen and (x) { ... } But

Re: [css-d] Media query syntax when a separate style sheet is included

Hi Philippe, many thanks again for the help! On Thu, Mar 14, 2013 at 8:10 PM, Philippe Wittenbergh wrote: > Someone else should correct me, but IE 5.5+ supported the basic @media > screen {} or @media print {} correctly. IE 5 for Mac OS X didn't > though, but that browser is long since dead. > (a

Re: [css-d] Media query syntax when a separate style sheet is included

Hi Philippe! Thank you so much for your CSS guru help, I greatly appreciate it. :) On Thu, Mar 14, 2013 at 7:00 PM, Philippe Wittenbergh wrote: > I never use these 'screen', 'all', … media types ( OK, I'm lying… I only use > them when strictly necessary, e.g only when I want the MQ to be really

Re: [css-d] Media query syntax when a separate style sheet is included

Sorry, my subject line should read: Media query syntax when a separate *print* style sheet is included __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-disc

Re: [css-d] Line-height compensation for alignment's sake...

On Mon, Nov 19, 2012 at 4:45 PM, Philippe Wittenbergh wrote: > I think, yes. Cool! Thanks again! __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.i

Re: [css-d] Line-height compensation for alignment's sake...

Hi Philippe! Thanks for the reply and help, I really appreciate it. On Mon, Nov 19, 2012 at 3:55 PM, Philippe Wittenbergh wrote: > Playing with negative top/bottom margin often cause issues with > margin-collapsing and may cause unexpected overlap with (preceding) floated > blocks. It also comp

Re: [css-d] Line-height compensation for alignment's sake...

Hi Hakan! On Mon, Nov 19, 2012 at 3:27 PM, Hakan Kirkan wrote: > I do not think it is a bad idea.. Cool! Glad to know my thinking on this one is not totally out of the ordinary. > I did the test for you, IE6 gives a script error "Object expected" not IE7 > and others. You can test it at at htt

Re: [css-d] What's the official/technical name of...

Interesting: Chapter 6 example "liquid-fixed_threecol.html" (exactly the type of layout I'm wanting to classify), she calls it "liquid fixed". I don't have the book, so I can't confirm anything, but that's the name of the demo file. Thanks again to eve

Re: [css-d] What's the official/technical name of...

Thanks for the replies everyone, I really appreciate it. :) -- http://hulse.me __ 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 p

Re: [css-d] What's the official/technical name of...

Thanks for the reply David, I really appreciate the help. :) On Tue, Oct 16, 2012 at 1:21 PM, David Laakso wrote: > The names given to the various layouts on this site makes sense [1]. I have > mo idea whatsoever regarding an "official" definition... Thanks! This is pretty much the layout I'm t

Re: [css-d] Inline media queries?

On Thu, Aug 30, 2012 at 5:01 PM, Alan Gresley wrote: > Media queries usually contain selectors. Ha! Good point! I totally missed that. I'm so used to writing inline styles without selectors (for obvious reasons), I did not think to add a selector to the inline MQ. :D I assume that still would no

Re: [css-d] Inline media queries?

Correction: " Better yet, is that a valid idea?" I meant to say "valid code". I've just tested: It don't work none. :( Back to the drawing board! :D Thanks, M __ css-discuss [css-d@lists.css-discuss.org] http://www.css-disc

Re: [css-d] liquid layout - how to make images to scale ?

On Thu, Aug 30, 2012 at 3:37 PM, mem wrote: > I was thinking that the max-width will format my img to be as wide as the > container but it doesn't. > I either should use width. Or upload a bigger image and use max-width to get > the desired effect. Ahhh, I see now! Yah, I've made that mistake b

[css-d] Inline media queries?

Throwing this one out there: Is it possible to inline a media query in a style="" attribute? For example: Is that a crazy idea? Better yet, is that a valid idea? Back story: I'm building a jsonp widget, and it would make life easier if I could inline the MQ. >> ducks for cover << Thanks! M

Re: [css-d] liquid layout - how to make images to scale ?

Looks like images are scaling in Firefox latest on Mountain Lion. What browser are you not seeing scaling? The only image that does not scale is the #highlight-wrapper because it's a bg image. Maybe I'm missing something? __ css-

Re: [css-d] Media query workflow across multiple files...

Hi! On Tue, Jul 31, 2012 at 5:26 AM, Tom Livingston wrote: > Pro help? Where? ;-) Pro, and modest too! :D > Here's an example of the code from the head of the document I usually > start from: Awesome! Thanks Tom, that's very helpful :) This will keep me busy for the next few days (at leas

Re: [css-d] Media query workflow across multiple files...

Thanks a bunch Tom, that's very helpful info. I really appreciate the pro help! :) I'm going to play with workflow ideas you mention. I'll probably be back with more questions... For now, have a nice night. Cheers, Micky __ css-

[css-d] Media query workflow across multiple files...

Hello, I'm just curious what a good workflow would be for when it comes to media queries and multiple CSS files. I'm building a site where I want to split up my CSS files to make my CSS easier to edit and maintain. Note: I plan on using techniques (I have yet to choose which technique) to combin

Re: [css-d] A few question about this media query (for retina display)...

On Mon, Jul 16, 2012 at 2:39 AM, David Laakso wrote: >> So ask David what version he has - I Cc'd him. > Android/2.3.6 [low-end touch screen] Awesome! Thanks so much David, Philippe and Georg! You folks are life savers. :) I owe you guys (many) one(s). Hopefully one of these days I can pay ya'll

Re: [css-d] Public list archives...

On Sun, Jul 15, 2012 at 6:35 PM, Micky Hulse wrote: > Yah, kinda looks like something got borked. I'll try to contact > someone on their end. :) Awesome! Tim at Incutio got back to me ASAP and they fixed 'er up ASAP: <http://archivist.incutio.com/viewlist/css-discuss/> B

Re: [css-d] A few question about this media query (for retina display)...

Hi Georg! Thanks again for the help! Much appreciated. :) On Sun, Jul 15, 2012 at 10:24 PM, Georg wrote: > IE8 and older don't support @mediaqueries with min/max arguments in any > form, so they are shut out anyway and will need "a backdoor entry" or other > workaround. Cool! Thanks for the conf

Re: [css-d] A few question about this media query (for retina display)...

On Sun, Jul 15, 2012 at 7:12 PM, Micky Hulse wrote: > Hmmm, maybe I missed it in the w3.org docs, but I wonder why there's > not an "or" operator? I guess the comma kinda behaves like an OR operator. No?

Re: [css-d] A few question about this media query (for retina display)...

Hi again! On Sun, Jul 15, 2012 at 6:52 PM, Philippe Wittenbergh wrote: > It might be, but then, maybe not. > What if you don't want your media query to affect media="print" ? Hmmm, good point. In this case, I don't. :D > (quality printing from a web browser is still an exercise in craziness...)

Re: [css-d] Public list archives...

Hi Philippe! Thanks again for the reply, I really appreciate it! On Sun, Jul 15, 2012 at 5:26 PM, Philippe Wittenbergh wrote: > I've no idea what happens there. You'd have to ask the people at Incutio > (hosting that archive for free). Maybe a cronjob has gone bad. Yah, kinda looks like somethi

Re: [css-d] A few question about this media query (for retina display)...

Hi Philippe! Thanks for the help, I really appreciate it. On Sun, Jul 15, 2012 at 5:11 PM, Philippe Wittenbergh wrote: > And those will work on a Retina MBP, fwiw. Awesome. Thanks for checking! :) > Correct, the 'min' stands for minimum, thus anything that is equal to > 1.5 or higher. Great! T

Re: [css-d] A few question about this media query (for retina display)...

Hi David! On Sun, Jul 15, 2012 at 3:40 PM, David Laakso wrote: > Not sure what you are testing since the page has no content. Doh, sorry for the bad example I provided (or, at least I should've provided an explanation of what I was testing). The rules are just for the sake of dividing the s wit

Re: [css-d] A few question about this media query (for retina display)...

Hi David! On Sun, Jul 15, 2012 at 2:01 PM, David Laakso wrote: > A clickable link to your test page[s] in your post to the list could > be a nice touch. Doh, sorry! :) Here you go: Hope that helps. All three media queries (view source on demo page) work for retina d

[css-d] A few question about this media query (for retina display)...

1. Will this media query: "mq-1.5.css" ... also work on devices that have a device pixel ratio of 2? (From my tests, it appears to work... I don't have a 1.5 ratio device to test on though.) In other words, I shouldn't have to do this: "mq-2.0

[css-d] Public list archives...

Just curious, is there a reason why the public list archives stop in March of 2012? I'd like to link to a thread for documentation purposes. Thanks! Micky __ css-discuss [css

Re: [css-d] Float 100% width, do I need clear:both?

Correction: On Sun, Jul 15, 2012 at 12:22 PM, Micky Hulse wrote: > Interestingly enough, IIRC, if #stuff has "clear:both", and > there's a "float:right" preceding it, then everything works great... > "clear:both" fails if the the float above is float

Re: [css-d] Float 100% width, do I need clear:both?

Hi David and Georg, many thanks for you replies and help, I really appreciate the pro assistance. :) > A clickable link to the specific page in question to the list is > always to your advantage. Or, is it? Doh! Sorry about that. I actually do have a demo page, but for some reason I didn't post

[css-d] Float 100% width, do I need clear:both?

Hi, Silly question: I have three floats like so: float:left float:right foat:left, width:100% For the third float, do I need clear:both? I thought it would not hurt to add clear:both to the last div, but I've run into problems with IE <= 7. If I remove the clear property, then the last div cle

Re: [css-d] image before text

Here's my suggestions: A few notes: background: url("Reference URL/correct.png") no-repeat scroll 0 35px transparent; I'd suggest ditching the quotes... You don't need "scroll" and "transparent" (unless you want the background color to be reset back to its default v

Re: [css-d] IE Destroys Website

On Tue, Jun 19, 2012 at 10:56 PM, Tomasz Borek wrote: >> IE doesn't have much by the way of developer help. > IE also has developer tools, which - while nowhere near to Firebug - are a > decent start when debugging (unless version you work with is IE6). Firebug Lite can help:

Re: [css-d] Ipad 3 and media queries

Hi Nancy, On Mon, Jun 4, 2012 at 3:56 PM, Nancy Johnson wrote: > Do I need to add some special code? am I doing something incorrectly? See here: Read the comments there for more info. :) Cheers, Micky ___

Re: [css-d] Help with adding a class and overriding the parent class style

Hello, On Mon, May 28, 2012 at 10:03 PM, Larry Martell wrote: > I have tried every which way I can think of to specify this, e..g.: > #waferiz .waferviz .wafer_summary .metadata b { >   color: black; > } I don't know your full stylesheet, so I can't really offer up many suggestions (and/or optim

  1   2   3   >