0

这是一个愚蠢的问题，但没有这个我无法完成“网络”。所以，我正在尝试制作一个地图区域，这将让我点击一张图片，将我带到下一页。图片是 360 像素 x 360 像素，但我在代码中将其设置为宽度和高度 2%，但我无法让它工作。有什么帮助吗？谢谢！

    <!DOCTYPE html>
<html lang='cs'>
    <title>Obrázky</title>
  <head>
  <link rel='icon' href='favicon.ico?' type='image/x-icon'/ >
    <style>
    body {margin:0;
       background-image: url('pozadi.png');
   background-repeat: no-repeat;}
h1 {
 font-family: "Comic Sans MS", cursive, sans-serif;
  text-align: center;
}
li {
 font-family: "Comic Sans MS", cursive, sans-serif;
}    
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #7092be;
}

li {
  float: left;
}
li {
  border-right: 1px solid #bbb;
}

li:last-child {
  border-right: none;
}

li a {
  display: block;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover {
  background-color: #496fa0;
}
.active {
  background-color: #bdcce1;

}
* {cursor: url('iconka.cur'), default;  
}
.sipka1 {
margin-left: 800px;
margin-top: 50px;
} 
</style>
    <title></title>
    <meta charset='utf-8'>
    <meta name='description' content=''>
    <meta name='keywords' content=''>
    <meta name='author' content=''>
    <meta name='robots' content='all'>

  </head>
    <body>
    <h1> Vtipy na den</h1>
    <ul>
  <li><a href="index.html">Domov</a></li>
  <li><a class="active" href="obrazky.html">Obrázky</a></li>
  <li><a href="videjko.html">Video vtip</a></li>
  <li><a href="tabulky.html">Tabulky</a></li>
    </ul> 
         <center> <img src="1.jpg" width="30%" heigth="30%"> </center>

                <map name="sipkos1">
                    <area shape="rect" coords="0,0,360,360" href="obr1.html">
                      <img class="sipka1" src="sipka1.png" usemap="sipkos1" width="2%" heigth="2%">

</body>
</html>
4

0 回答 0