фон страницы сайта в html / css - PullRequest
Новая
       0

фон страницы сайта в html / css

0 голосов
/ 09 марта 2012

это мои code.my размеры изображения 1024X768, но я получаю полосу прокрутки вправо-влево. И когда я прокручиваю вправо, я получаю черный фон, вырезанный из моего общего изображения.Помоги мне, пожалуйста, 

body {
  background-image: url('stareffect1.jpg');
}
h1 {
  position: relative;
  left: 480px;
}
form #Edit1 {
  position: relative;
  top: 58px;
  left: 341px;
}
form #Edit2 {
  position: relative;
  top: 67px;
  left: 341px;
}
<html>

<body>
  <img src="banner.jpg" width="500" height="70" />
  </head>

  </head>


  <hr/>
  <br/>
  <a href="forum.php">
    <div style="position:absolute; left:347px; top:165px;">
      <img src="images/forum.jpg" />
    </div>
  </a>
  <a href="credits.php">
    <div style="position:absolute; left:481px; top:165px;">
      <img src="images/credits.jpg" />
    </div>
  </a>
  <a href="rules.php">
    <div style="position:absolute; left:615px; top:165px;">
      <img src="images/rules.jpg" />
    </div>
  </a>
  <a href="logout.php">
    <div style="position:absolute; left:740px; top:165px;">
      <img src="images/logout.jpg" />
    </div>
  </a>
  <br/>
  <br/>
  <br/>
  <div style="position:relative; left:339px; top:49px">
    <img src="images/actor.jpg" width="250" height="300" />
  </div>
  <div style="position:absolute; left:600px; top:225px">
    <img src="images/river.jpg" width="250" height="300" />
  </div>



</body>

</html>

1 Ответ

0 голосов
/ 09 марта 2012

Крис прав, ваш HTML не очень хорошо отформатирован.Попробуйте вложить теги, как показано ниже 

<html>
<head>

<style type="text/css">

body 
{
   background-image:url('redbg.png');
}

h1
{
   position: relative;
   left:  480px;       
}   

form #Edit1 
{ 
   position:relative; 
   top:58px; 
   left:   341px; 
}

form #Edit2 
{ 
   position:relative; 
   top:67px; 
   left:41px; 
}


</style>

</head>

<body>

<img src="banner.jpg" width="500" height="70" />

<style type="text/css">
body {background-image:url('stareffect1.jpg');}
</style>
</head>

<style type="text/css">
h1
 {
        position: relative;
        left:  480px;       
        }   
form #Edit1 { position: relative; 
               top:    58px; 
               left:   341px; 
              }
form #Edit2 { position: relative; 
               top:    67px; 
               left:   341px; 
              }

</style>

<hr/>
<br/>

<a href="forum.php"><div style="position:absolute; left:347px; top:165px;"><img src="images/forum.jpg"/></div></a>
<a href="credits.php"><div style="position:absolute; left:481px; top:165px;"><img src="images/credits.jpg"/></div></a>

<a href="rules.php"><div style="position:absolute; left:615px; top:165px;"><img src="images/rules.jpg"/></div></a>
<a href="logout.php"><div style="position:absolute; left:740px; top:165px;"><img src="images/logout.jpg"/></div></a>

<br/>
<br/>
<br/>
<div style="position:relative; left:339px; top:49px"></div>

<div style="position:absolute; left:600px; top:225px"> 
<img src="images/river.jpg" width="250" height="300" />
</div>

</body>
</html>

GB

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...