Fri, 2010-08-20 04:28
Hello, everyone!
I have a question about moving divs that are inline elements.
See the attached image, there for example 2 strings of inline divs, is there a way to change their positions by calling any function to make them exchange positions among each other? Or if they need to have not inline display property, what's the best way to make them behave like inline?
Every advice is appreciated!
Thanks in advance.
Fri, 2010-08-20 05:11
#1
A DIV is never an inline
A DIV is never an inline element. It is a block element by definition, and "Inline DIV" is a contradiction in terms.
You can of course change the rendering mode to inline with a simple CSS rule, but that doesn't make the DIV an inline element, but rather a block element disguised as inline. But it's probably not the best thing to do.
Do you understand the difference between inline and block elements? Why would you use a DIV for that effect in the first place when, if you really need a semantically neutral inline element, SPAN is the appropriate element?
Without seeing your actual code, as the site posting guidlines ask, it's hard to give you any decent advice. What you should actually use is a semantic element that describes that content. It looks vaguely like a list, and that might be the best practice. However without seeing the page it is impossible to really say.
Er, you have read the posting guidlines, haven't you? 
Fri, 2010-08-20 05:42
#2
joseek wrote: is there a way
is there a way to change their positions by calling any function to make them exchange positions among each other?
I don't really understand what that means but I'm going to say 'no'.
Or if they need to have not inline display property, what's the best way to make them behave like inline?
Either float:left, display: inline or display: inline-block.
Fri, 2010-08-20 07:24
#3
JavaScript would be required
JavaScript would be required for moving the divs around.
