Nested and multiple problems <marquee>

Question

In fact, I am trying to move some block in the alternative to another. I have earned, but both blocks do not interrupt each other. What should I do? How to make blocks cross each other? I am trying to use style: position, but it does not work.

Here is the code I used:

<marquee direction="down" behavior="alternate" scrollAmount=10 style="border:2px solid blue;"> <marquee behavior="alternate" scrollAmount=50 > <img src="img1.JPG"> </marquee> <marquee behavior="alternate" scrollAmount=10 > <img src="img1.JPG"> </marquee> </marquee> 

What am I doing wrong?

Answer 1

Oh dear Lord!

Well. They do not intersect because they are statically located one above the other. The second area cannot be higher than the first.

You can solve this problem by separating the tents from each other using absolute positioning. Then double-insert each of them with a different horizontal and vertical movement:

 <div style="border:2px solid blue; position: relative;"> <marquee direction="down" behavior="alternate" scrollAmount="10"> <marquee behavior="alternate" scrollAmount="50"><img src="img1.jpeg" alt="oh no" /></marquee> </marquee> <marquee direction="down" behavior="alternate" scrollAmount="20" style="position: absolute; top: 0;"> <marquee behavior="alternate" scrollAmount="10"><img src="img1.jpeg" alt="help meee" /></marquee> </marquee> </div> 

*: for the values ​​'x' of 'solve', where x = 'makes a shocking mess'.

This is for illustration only. Please do not use this.

Answer 2

Please do not use the marquee tag, it is non-standard and outdated. Use some JavaScript library like jQuery UI for any animation.

Answer 3

Use the JavaScript library or do not use JavaScript settimeout plus absolute positioning and dhmtl.

Answer 4

I once had an email (non javascript environment) from a company trying to sell me something else. The signature used the marquee tag for the slides in the lines one at a time, and then they remained in place. It was brilliantly done - enough movement to catch the eye, and, of course, does not deserve attention, as we usually expect from a tent.

The lessons that I learned are a) that the tent still has its place, no matter how small it is, and b) "All generalizations are bad." Regarding non-standard / obsolete ones, Outlook pretty much dictates that the only rule in HTML emails is that if it works, that's good. There is no use in polishing you-know-what.