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

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

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

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

[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

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

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

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

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

On Wed, Aug 13, 2014 at 3:49 PM, John D xfs...@hotmail.com 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]

Re: [css-d] Firefox and page inflation

On Mon, Apr 7, 2014 at 11:38 AM, Eric e...@minerbits.com 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

Re: [css-d] Firefox and page inflation

On Mon, Apr 7, 2014 at 1:41 PM, Davies, Elizabeth elizabeth_dav...@gallup.com 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

Re: [css-d] Firefox and page inflation

On Mon, Apr 7, 2014 at 6:06 PM, Eric e...@minerbits.com 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

Re: [css-d] Firefox and page inflation

On Mon, Apr 7, 2014 at 6:25 PM, Micky Hulse mickyhulse.li...@gmail.com 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.com/screenshots

Re: [css-d] Firefox and page inflation

On Mon, Apr 7, 2014 at 6:30 PM, Micky Hulse mickyhulse.li...@gmail.com 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

Re: [css-d] Firefox and page inflation

On Mon, Apr 7, 2014 at 6:32 PM, Micky Hulse mickyhulse.li...@gmail.com 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 firefox high dpi

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? http://css-discuss.incutio.com/wiki/Off_Topic __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ

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

Philippe! Thank you! :) On Wed, Feb 5, 2014 at 11:48 PM, Philippe Wittenbergh e...@l-c-n.com 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

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

, Philippe Wittenbergh e...@l-c-n.com wrote: Le 6 févr. 2014 à 17:10, Micky Hulse mickyhulse.li...@gmail.com 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 pretty good sizes in/on most other devices

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

Take this site/page for example (not my site, no relation, just an example): http://www.htmlgoodies.com/primers/html/article.php/3920991 See that HTML5 audio player? Here's what I see via iOS7: https://f.cloud.github.com/assets/218624/2095817/874869de-8ef1-11e3-9266-b18e6382e86b.gif Things to

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

On Thu, Dec 19, 2013 at 2:00 PM, Tom Livingston tom...@gmail.com 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

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]

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 -- git.io/micky __ css-discuss

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] Good HTML / CSS3 books

I'm kinda thinking about buying: http://www.sketchingwithcss.com/ 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/FAQ

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

On Mon, Oct 28, 2013 at 9:21 AM, Micky Hulse mickyhulse.li...@gmail.com 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 CSS

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 e...@l-c-n.com 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

[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

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

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: https://github.com/jtangelder/grunt-stripmq/issues/3 __ css-discuss [css-d@lists.css-discuss.org]

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]

[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 figure and figcaption 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

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 mickyhulse.li...@gmail.com 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 table

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 j...@snippe.ca 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

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 mickyhulse.li...@gmail.com 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

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 j...@snippe.ca 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

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 p.tay...@rhul.ac.uk wrote: TABLE + CAPTION, Micky ? http://photos.for-charity.org/resources/tests/Wrapped-caption.html Hmm, yah, that's an obvious one. ;) I'll play with that. I

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 mickyhulse.li...@gmail.com 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 responsive

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 j...@snippe.ca 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 parent

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 j...@snippe.ca 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

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 e...@l-c-n.com 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

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 k...@designdrumm.com 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

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;

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

[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 { ... }: http://jsbin.com/alugiv/1 Test page using @media screen { ... }: http://jsbin.com/alugiv/2 I've

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 laakso.davi...@gmail.com wrote: IE

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 tom...@gmail.com wrote: Just thinking out loud, but is the above, without any attributes (?) like screen or all, valid? Good question. Based on this page: http://www.w3.org/TR/css3-mediaqueries/ [[ If the media query list is empty (i.e. the

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 mickyhulse.li...@gmail.com 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/media

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 mickyhulse.li...@gmail.com 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 reference

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 huckle...@gmail.com 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: https://github.com/himedlooff/media-query-to-type Long story short, that's a LESS

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 e...@l-c-n.com 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

Re: [css-d] background image not appearing

Howdy, On Fri, Apr 26, 2013 at 3:50 PM, COM j...@coffeeonmars.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:

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

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] font-size in body selector?

You might find this tool interesting to play with: http://pxtoem.com/ 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: http://snook.ca/archives/html_and_css/font-size-with-rem

Re: [css-d] desktop first tutorial

Hi Tom! On Tue, Apr 2, 2013 at 8:53 PM, Tom Livingston tom...@gmail.com 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

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

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

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

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

On Sat, Mar 16, 2013 at 7:09 PM, Tom Livingston tom...@gmail.com 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

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

On Mon, Mar 18, 2013 at 1:44 PM, Micky Hulse mickyhulse.li...@gmail.com 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 view. Because

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 e...@l-c-n.com 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

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

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

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 e...@l-c-n.com wrote: I’ve always found that statement about the ‘only’ keyword in the CSS MQ spec

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

On Fri, Mar 15, 2013 at 11:38 AM, Micky Hulse mickyhulse.li...@gmail.com 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

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

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 e...@l-c-n.com 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

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

Hi Hakan! On Mon, Nov 19, 2012 at 3:27 PM, Hakan Kirkan ad...@jump2top.com 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

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 e...@l-c-n.com wrote: Playing with negative top/bottom margin often cause issues with margin-collapsing and may cause unexpected overlap with (preceding) floated blocks.

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

On Mon, Nov 19, 2012 at 4:45 PM, Philippe Wittenbergh e...@l-c-n.com 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 --

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

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

Interesting: http://www.flexiblewebbook.com/files.html 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 everyone

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 laakso.davi...@gmail.com 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

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-d] Inline media queries?

Throwing this one out there: Is it possible to inline a media query in a style= attribute? For example: div style=background-image: url(foo.png); @media only screen and (min-width: 1005px) { /* styles here */ }/div Is that a crazy idea? Better yet, is that a valid idea? Back story: I'm

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

On Thu, Aug 30, 2012 at 3:37 PM, mem talofo.l...@gmail.com 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

Re: [css-d] Inline media queries?

Correction: Better yet, is that a valid idea? I meant to say valid code. I've just tested: div style=height: 20px; background-color: #000; @media only screen and (min-width: 1005px) { background-color: #eee; }/div It don't work none. :( Back to the drawing board! :D Thanks, M

Re: [css-d] Inline media queries?

On Thu, Aug 30, 2012 at 5:01 PM, Alan Gresley a...@css-class.com 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

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

Hi! On Tue, Jul 31, 2012 at 5:26 AM, Tom Livingston tom...@gmail.com 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

[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

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 __

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 gunla...@c2i.net 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

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

On Sun, Jul 15, 2012 at 6:35 PM, Micky Hulse mickyhulse.li...@gmail.com 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

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

On Mon, Jul 16, 2012 at 2:39 AM, David Laakso laakso.davi...@gmail.com 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

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

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

Correction: On Sun, Jul 15, 2012 at 12:22 PM, Micky Hulse mickyhulse.li...@gmail.com wrote: Interestingly enough, IIRC, if #stuff div has clear:both, and there's a float:right preceding it, then everything works great... clear:both fails if the the float above is floated right. That should

[css-d] Public list archives...

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

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

1. Will this media query: mq-1.5.css https://gist.github.com/3118451#file_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

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 laakso.davi...@gmail.com 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: http://jsbin.com/odipeq Hope that helps. All three media queries (view source on demo

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 laakso.davi...@gmail.com 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

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 e...@l-c-n.com 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

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 e...@l-c-n.com 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

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 e...@l-c-n.com 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

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

On Sun, Jul 15, 2012 at 7:12 PM, Micky Hulse mickyhulse.li...@gmail.com 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

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

Hi, Silly question: I have three floats like so: divfloat:left/div divfloat:right/div divfoat:left, width:100%/div 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,

Re: [css-d] image before text

Here's my suggestions: http://jsfiddle.net/xQPbE/ 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 value).

Re: [css-d] IE Destroys Website

On Tue, Jun 19, 2012 at 10:56 PM, Tomasz Borek tomasz.bo...@gmail.com 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 njohnso...@gmail.com wrote: Do I need to add some special code? am I doing something incorrectly? See here: https://gist.github.com/901295 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 larry.mart...@gmail.com 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

[css-d] IE7: Float parent not containing children margins...

Howdy, Normally, I use padding to fix margin collapse, but I can't seem to figure out how to get IE7 to contain the margins of the children paragraphs: https://dl.dropbox.com/u/1277106/float-margins.html Here's an IE7 screen shot: https://dl.dropbox.com/u/1277106/float-margins-ie7.jpg Every

Re: [css-d] IE7: Float parent not containing children margins...

Hi Philippe! Thank you so much for your quick reply and help, I really appreciate it. :) On Fri, May 25, 2012 at 4:14 PM, Philippe Wittenbergh e...@l-c-n.com wrote: Yeah, IE 7 and older eats the top/bottom margins of the (first-/last-) child element of an element that has 'hasLayout' set to

  1   2   3   >