Click here to get back home

div presentation order

 HomeNewsGroups | Search | About
 comp.infosystems.www.authoring.html    Post an article   get this group's latest topics as an RSS feed add this group's latest topics to your My MSN content add this group's latest topics to your My Yahoo content
Subject Author Date
div presentation order =?ISO-8859-1?Q?Andr=E9_Wagner? 04-28-2008
Get Chitika Premium
Posted by =?ISO-8859-1?Q?Andr=E9_Wagner? on April 28, 2008, 7:28 pm
Please log in for more thread options
Hello,

can I change the order in which the divs are presented using CSS?

For example, lets say I have this page

<div class=3D"A"> Div A </div>
<div class=3D"B"> Div B </div>

and I want it to be presented in the webpage like this:

Div B
Div A

I know you can do that with complex schemes like relative positioning
and negative top, but there's any simple and straightforward way to do
that?

Regards,

Andr=E9

Posted by Patricia Aldoraz on April 28, 2008, 11:45 pm
Please log in for more thread options
> Hello,
>
> can I change the order in which the divs are presented using CSS?
>
> For example, lets say I have this page
>
> <div class=3D"A"> Div A </div>
> <div class=3D"B"> Div B </div>
>
> and I want it to be presented in the webpage like this:
>
> Div B
> Div A
>
> I know you can do that with complex schemes like relative positioning
> and negative top, but there's any simple and straightforward way to do
> that?
>
> Regards,
>
> Andr=E9

You know, of course, that you can change the order in the html and
that this is simple. You know that you can change the order via
positioning but that this is regarded by you as not simple. You want
no css positioning, no reordering in the html but you want reordering.
Will you accept absolute positioning? What about floats:

<div style=3D"float: right; width:50%;background: red;"> Div A </div>
<div style=3D"float: left; width:50%;background: green;"> Div B </div>

This gives an appearance of presentational reorder!



Here is some reordering

Posted by Ben C on April 29, 2008, 3:43 am
Please log in for more thread options
> Hello,
>
> can I change the order in which the divs are presented using CSS?
>
> For example, lets say I have this page
>
><div class="A"> Div A </div>
><div class="B"> Div B </div>
>
> and I want it to be presented in the webpage like this:
>
> Div B
> Div A
>
> I know you can do that with complex schemes like relative positioning
> and negative top, but there's any simple and straightforward way to do
> that?

No. The only real way to do it is with positioning (you could also use
absolute positioning), but for anything but a very simple page that will
be very difficult to manage.

More feasible would be to pull the DOM tree apart with scripting and put
it back together again in a different order.

Posted by =?ISO-8859-1?Q?Andr=E9_Wagner? on April 29, 2008, 7:08 am
Please log in for more thread options
> No. The only real way to do it is with positioning (you could also use
> absolute positioning), but for anything but a very simple page that will
> be very difficult to manage.
>
> More feasible would be to pull the DOM tree apart with scripting and put
> it back together again in a different order.

Ok, thank you for both sugestions. Both were good and very helpful,
and even if wasn't exactly what I was looking for, they'll help!

Regards!

Andr=E9

Similar ThreadsPosted
Small Presentation Problem April 9, 2005, 4:28 am
Standards for presentation of numerical data for usability and accessibility August 10, 2007, 7:49 am
XML 2005 Late-Breaking and Product Presentation Deadline - Tutorials Added/ changed September 8, 2005, 10:59 am
Order of buttons? October 6, 2005, 9:37 am
css parsing order May 20, 2006, 8:11 pm
Z order for frames January 14, 2008, 8:55 pm
DIV Tag Not on Top Z-Index Order Problem? March 25, 2005, 3:03 pm
WYSIWYG order forms? November 24, 2007, 2:20 am
Floating DIV positioning. How much does the order matter? December 29, 2005, 7:25 am
Order of next, home, prev links in page August 21, 2005, 3:19 pm

Our other projects:

Art Dolls, Fairies and Mermaids - Sunnyfaces.net

Roy's Linux, Programming and Search Engines messages

1-Script XML SitemapXML Sitemap