html/css网站页面背景

-1

这是我的code.my图像尺寸是1024X768，但我得到一个左右滚动条。当我滚动到右侧，我从我的总图像中得到一个黑色的背景截断。帮我出plzzhtml/css网站页面背景

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>

来源

2012-03-09 hello

plzz帮我out.i是NT能够idenitfy问题。放置图片有没有问题????????? – hello 2012-03-09 16:48:40

你的html完全损坏。不要在车身标签内使用头标签。在身体标记之前使用它。你有两个关闭标签，并没有开放。你应该改正这个主要的html问题并再次测试。 – Chris 2012-03-09 16:49:37

<风格类型= “文本/ CSS”> 体{背景图像：网址（ 'stareffect.jpg'）;} – hello 2012-03-09 17:20:08

克里斯是正确的你的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>

来源

2012-03-09 17:16:10 beaumondo

<风格类型= “文/ CSS”> 体 { background-image：url（'stareffect.jpg'）; } \t H1 { \t \t位置：绝对; \t \t left：480px; \t \t \t} \t form＃Edit1 {position：relative; top：58px; left：341px; } form＃Edit2 {position：relative; top：67px; left：341px; } – hello 2012-03-09 17:33:23

@GB我根据乌拉圭回合suggestiom。但仍然有滚动条.plzz建议一些编辑我的代码 – hello 2012-03-09 17:34:31

html/css网站页面背景

回答

相关问题