Good afternoon.

Tell me, please, how to implement. There is a picture / background (map of continents) through the body. Labels (country names) are superimposed on top of the layers. How to ensure that when you change the resolution, everything remains in its place? alt text

UPD: So now I have:

<style type="text/css"> <!-- #Layer1 { position:absolute; left:246px; top:351px; width:125px; height:50px; z-index:1; } --> </style> </head> <body bgcolor="#aab4cd"> <div id="Layer1">Америка</div> <table BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH="100%" HEIGHT="100%"> <tr> <td VALIGN=TOP align="center"><a href="../../Index.php" border="0"><img src="images/Logo.png" /></a></td> </tr> <tr> <td width="1280" height="720" VALIGN=TOP align="center"> <img src="images/map.png" width="1280" height="720" border="0" align="center" /> </td> </tr> </table></center> </body>
  • Does the map change its size when the resolution is changed, or is it just cropped on the sides? - shanhaichik
  • Map resizes. - s133p

1 answer 1

 Body{ background:url(карта); background-size:cover;} .название{position:absolute; left:50%; margin:ставите где должна быть надпись;} .название2{та же песня}

A rough example, in principle, there are still five ways to implement it. It all depends on how you do it. Present the code, I will describe the appropriate option.