lundi 2 décembre 2019

Picture on the same location, when resizing of browser page

Half page browser Full page browser

Hi, need you guys to help on my program. How do I place my robot on the same location as my "Half page browser" when I do a full screen browser. When I open to a full-screen browser, the location of the robot moved.

Please guide me on it.

Below will be my coding for the web-page:

    <html>
      <head>
          <meta charset="utf-8">
          <title></title>
         <style>

              body {
                height: 100%;
                width: 100%;
                background-image: url('TPHRG floorplan1.png');
                background-repeat: no-repeat;
                background-attachment: fixed;
                background-size:   contain;

                }

            </style>

              <body>

                <img id="robot" style="position: fixed;  top:200px; left:450px; border-radius: 50%; width:50px; height:60px" src="pic_8.PNG">

                <?php



                 ?>

              </body>

    </html>



Aucun commentaire:

Enregistrer un commentaire