Re: [css-d] Detecting Quirks Mode

On 20/12/2013 10:27 AM, Colin (Sandy) Pittendrigh wrote: How does one know when a browser is or is not in Quirks Mode? Sometimes it's obvious. Sometimes it is not. If you right click on the page in Firefox and select 'page info', you will find the following. Render Mode: Quirks mode Ala

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

-- Resending because I failed to reply-all -- If they relate to the same content, and the is a sub-heading of the I would avoid it, if for nothing else it confuses users that are using accessibility devices. If the headings relate to the same content, this is a perfect case of using CSS what it

Re: [css-d] Detecting Quirks Mode

Le 20 déc. 2013 à 08:27, Colin (Sandy) Pittendrigh a écrit : > How does one know when a browser is or is not in Quirks Mode? Sometimes > it's obvious. Sometimes it is not. Browser dev tools sometimes help. This bookmarklet is another tool: http://dorward.me.uk/www/bookmarklets/qors/ Philipp

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

I meant Transcending CSS. -- On 12/19/13 at 4:16 PM -0800, Rick Gordon wrote in a message entitled "Re: [css-d] Visual styling vs. source order": >I think a good criterion is this: If you were looking at the content, in an >undesigned, purely logical order, what order would the

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

I think a good criterion is this: If you were looking at the content, in an undesigned, purely logical order, what order would the code fall in? (Ingrained from my reading of Andy Clarke's Understanding CSS) Rick Gordon -- On 12/19/13 at 7:06 PM -0500, Tom Livingston wrote in a

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

> On Dec 19, 2013, at 5:31 PM, Ric Nudell wrote: > > An interesting question. But I have always believed that the semantic ranking > of your headings (h1, h2, etc.) is about meaning, the importance of the text, This is where I was heading. I have just put the h2 before the h1 in the past bu

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 +

On Thu, Dec 19, 2013 at 6:23 PM, Greg Gamble wrote: I ran across some CSS that I though was pretty cool, but can't seem to find > much information on its usage. input:focus + .help { > display:inline-block; } It's an adjacent sibling selector - as usual Chris Coyier has a good write up on

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.

[css-d] Detecting Quirks Mode

I can see how the following Quirks Mode question could be construed as "not about CSS." But perhaps it is because CSS is unpredictable and semi-worthless when browsers get tripped into Quirks Mode. I've been getting a lot of legacy work recently where website owners bring me ancient table layout

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

Tom Livingston wrote: > Visually, the layout I'm looking at has a smaller line of copy, I'd > call it a subhead, above a larger line of copy, what I would consider > the headline. > > Is it wrong to have an H2 before an h1, which would lend itself to the > visual look as well as the importance

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

[css-d] Using :focus +

I ran across some CSS that I though was pretty cool, but can't seem to find much information on its usage. What do you think? Some simple code to show first: Test Page

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

How about something like: .screwyorder { position:relative; height:5em: /* or whatever is appropriate */ } .screwyorder h1 { position:absolute; bottom:0; } .screwyorder h2 { position:absolute; top:0; } -- Head text Subhead text

[css-d] Visual styling vs. source order

List, Hopefully this is related to CSS enough for this list... Visually, the layout I'm looking at has a smaller line of copy, I'd call it a subhead, above a larger line of copy, what I would consider the headline. Is it wrong to have an H2 before an h1, which would lend itself to the visual loo