Floating - but changing order in which it appears

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

simonmlewis
DevNet Master
Posts: 4435
Joined: Wed Oct 08, 2008 3:39 pm
Location: United Kingdom
Contact:

Re: Floating - but changing order in which it appears

Post by simonmlewis »

I don't think you understand fully.
For Desktop, that is fine, but I want to move the DIV (change order or position), when it's on mobile.
So I don't mean literally have separate HTML, I mean to give some form of order number in CSS.
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.
User avatar
Celauran
Moderator
Posts: 6427
Joined: Tue Nov 09, 2010 2:39 pm
Location: Montreal, Canada

Re: Floating - but changing order in which it appears

Post by Celauran »

I don't see why that wouldn't work. The display is as desired on desktop and the markup is in the right order for the desired display in responsive. Where's the problem? What have I missed?
simonmlewis
DevNet Master
Posts: 4435
Joined: Wed Oct 08, 2008 3:39 pm
Location: United Kingdom
Contact:

Re: Floating - but changing order in which it appears

Post by simonmlewis »

Ok.
Picture is on left.
Three Divs are on the right.
When it collapses for mobile, I Want the centre div (for example) to be above the picture Div.
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.
User avatar
Celauran
Moderator
Posts: 6427
Joined: Tue Nov 09, 2010 2:39 pm
Location: Montreal, Canada

Re: Floating - but changing order in which it appears

Post by Celauran »

That's exactly what my example does, except with two right divs instead of three. Moving the middle but not the top or bottom will be more complex.
Post Reply