[html5] Content Ordering

Jordan Dobson jordandobson at gmail.com
Wed Jun 15 14:42:15 PDT 2011


Try using the box-ordinal-group in CSS3 for browsers (mobile?) that support
it.

Basics here:

http://www.html5rocks.com/en/tutorials/flexbox/quick/

-- 
Jordan Dobson • Designer / Developer • 425-444-8014 • About.Me/JordanDobson

On Jun 15, 2011, at 2:17 PM, "Nazir, Cassini" <cassini at utdallas.edu> wrote:

Is it possible to re-order content using CSS without using absolute
positioning? Here's what I mean:

I'm playing around with multiple stylesheets for a site that I'm working on.
I would like the <nav> content to appear before the <article> content on
desktops, but on mobile devices I would like the <nav> content to appear
after the <article> contents.

So the code might be something like this for desktops:

 header { order:1; }     /* this would appear first */
 nav { order:2 } /* second */
 article { order:3 }       /* last */

But on mobiles something like this:

 article { order:1 }
 nav { order:2 }
 header { order:3 }

Not sure if this makes sense. Is this possible using CSS only and not PHP?

Cassini Nazir

Web Developer, Student Affairs
The University of Texas at Dallas

_______________________________________________
Help mailing list
Help at lists.whatwg.org
http://lists.whatwg.org/listinfo.cgi/help-whatwg.org
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.whatwg.org/pipermail/help-whatwg.org/attachments/20110615/772a9121/attachment-0003.htm>


More information about the Help mailing list