title: How to not overlapping with RelativeLayout
body: <p>I'm trying to get a layout like this:<br>
  <img src="https://i.stack.imgur.com/e2PdU.jpg" alt="enter image description here">
  <br>
  OK, I want the scroll to begin at the end of the first imageview and I want the scroll to finish at he start of the second imageview. I mean, I don't want imageviews to overlap the scroll. I don't know if I've explained well.<br>
  First I tried with LinearLayout but I can't align at the bottom the second ImageView. With RelativeLayout, ImageViews overlap the scroll, I can set margin-top to the scroll to solve the problem with the first ImageView, but I don't know how to solve the problem wit the second ImageView.<br>
  I also tried to use a RelativeLayout inside the LinearLayout like this:<br></p>
  
  <blockquote>
    <p>&#60;LinearLayout ....><br>
        &#60;ImageView ...>&#60;/ImageView><br>
        &#60;ScrollView...>&#60;/ScrollView><br>
        &#60;RelativeLayout...><br>
        &#60;ImageView....>&#60;/ImageView><br>
        &#60;/RelativeLayout><br>
        &#60;/LinearLayout><br>
    <br>The second ImageView doesn't appear. I guess scroll is overlapping it.
    <br>I Would appreciate any help. Thanx you.</p>
  </blockquote>