Home/ Questions/Q 7967385
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-04T06:40:59+00:00

The img tag inside the code has styling relative according to which it should

  • 0

The img tag inside the code has styling relative according to which it should be placed relative to the parent div which is at the top but I don’t understand why is it not getting displayed at the position mentioned.Here is the fiddle. Please help out. Thanks

<div>
    <iframe width="350" height="350" src="http://www.youtube.com/embed/P3weDRMemD8" frameborder="0" allowfullscreen></iframe>
    <form style="border:3px;text align.center;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit=                  "window.open('http://feedburner.google.com/fb/a/mailverify?uri=financeyoga/UPqT', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
        <input type="text" style="width:140px;padding:10px;" name="email"/>
        <input type="hidden" value="financeyoga/UPqT" name="uri"/>
        <input type="hidden" name="loc" value="en_US"/><br>
        <input style="padding:10px;" type="submit" value="Submit Email Address" />
    </form>
    <img style="position:relative;top:325px; left:10px;" src="http://financeyoga.com/wp-content/uploads/2012/05/follow.png" width="143" height="64" border="0" usemap="#Map">
    <map name="Map">
        <area shape="rect" coords="5,18,33,44" href="www.twitter.com" target="_blank" alt="twitter">
        <area shape="rect" coords="57,16,87,46" href="www.facebook.com" target="_blank" alt="facebook">
        <area shape="rect" coords="107,16,137,46" href="plus.google.com" target="_blank" alt="google plus">
    </map>        
</div>​
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    That’s not what position:relative means.

    position:relative changes the context to which all children position themselves if they have position:absolute in their CSS.

    For example:

    <body>
    <div id="a">
        <div id="b">
            Hello
        </div>
    </div>
</body>

    If div#b has a css of position:absolute the position is set relative to the body. BUT if div#a has a css of position:relative as well, the position of div#b is set relative to div#a instead of the body.

    • 0