Html 将图片移出身体

很抱歉，您必须这样做，但能否转到以下地址：

我需要帮助制作顶部横幅（上面写着Krawk的横幅），使其脱离“白盒子”，并在自己的区域内。我希望横幅在盒子上方，所以基本上只是向上移动了300px左右，其他一切都保持不变

我试着创造另一个身体，漂浮物等，但无法找到它。这是我的密码

<style>
body {
background: fixed url("http://i1164.photobucket.com/albums/q565/whitehouses88/PLs/PirateBunk.jpg") no-repeat;
}
hr, #header, #footer, .sf, #ban {
display: none;
}
.contentModuleHeader, .contentModuleHeaderAlt {
font: 18pt tahoma;
color: #261712;
font-weight: bold;
text-align: left;
background-color: #ffffff;
}
.content div div, .content .contentModule, .contentModuleTable, .contentModule, #main {
border: none;
}
td, body, font, .medText, body, p {
font: 9pt tahoma;
line-height: 12pt;
}
b {
color: #6e231e;
}
i {
color: #261712;
}
a:link, a:visited, a:active, a b {
color: #90714d;
font-weight: bold;
}
a:hover, a:hover b {
color: #261712;
}
#aja {
width: 8px;
}
#navy {
padding: 4px;
margin: 4px;
text-align: center;
}
#navy a {
color: #ffffff !important;
background: #90714d;
display: inline-block;
width: 75px;
padding: 4px;
margin: 2px;
text-transform: uppercase;
font: 9pt trebuchet MS;
font-weight: bold;
}
#navy a:hover {
padding: 4px;
margin: 2px;
background: #6e231e;
}
#main {
margin-top: 10px;
margin-bottom: 10px;
border: 10px solid #261712;
}
#userneopets img {
background: #90714d;
padding: 8px;
}
</style>

<table><tr>
<td width="1100" valign="top">
<img src="http://i1327.photobucket.com/albums/u673/Vipersnake94/KrawkIsland2_zps134bd61f.png" width="975" class="special">
</td>
<td width="1100" valign="top">
</td>
</tr></table>
<div id="navy">
<a href="/myaccount.phtml">Account</a><a href="/customise/">Customize</a><a href="/games/arcade.phtml">Games</a><a href="/explore.phtml">Explore</a><a href="/nf.phtml">News</a><a href="/petcentral.phtml">Central</a><a href="/neoboards/index.phtml">Boards</a><a href="/objects.phtml">Shops</a><a href="/mall/index.phtml">Mall</a><a href="/~Sparkle">Credit</a>
</div>
<br><div style="width: 800px;">

</div>

身体{
背景：固定url（“http://i1164.photobucket.com/albums/q565/whitehouses88/PLs/PirateBunk.jpg）无重复；
}
hr、#页眉、#页脚、.sf、#禁止{
显示：无；
}
.contentModuleHeader、.contentModuleHeader{
字体：18pt塔荷马；
颜色：#261712；
字体大小：粗体；
文本对齐：左对齐；
背景色：#ffffff；
}
.content div div、.content.contentModule、.contentModuleTable、.contentModule、#main{
边界：无；
}
td，body，font，.medText，body，p{
字体：9pt塔荷马；
线高：12pt；
}
b{
颜色：#6e231e；
}
我{
颜色：#261712；
}
a:链接，a:已访问，a:活动，a b{
颜色：#90714d；
字体大小：粗体；
}
a:悬停，a:悬停b{
颜色：#261712；
}
#阿贾{
宽度：8px；
}
#海军{
填充：4px；
保证金：4倍；
文本对齐：居中；
}
#海军{
颜色：#ffffff！重要；
背景：#90714d；
显示：内联块；
宽度：75px；
填充：4px；
保证金：2倍；
文本转换：大写；
字体：9pt投石机MS；
字体大小：粗体；
}
#海军甲：悬停{
填充：4px；
保证金：2倍；
背景：#6e231e；
}
#主要{
边缘顶部：10px；
边缘底部：10px；
边框：10px实心#261712；
}
#用户信息{
背景：#90714d；
填充：8px；
}

---

身体{
背景：固定url（“http://i1164.photobucket.com/albums/q565/whitehouses88/PLs/PirateBunk.jpg）无重复；
}
hr、#页眉、#页脚、.sf、#禁止{
显示：无；
}
.contentModuleHeader、.contentModuleHeader{
字体：18pt塔荷马；
颜色：#261712；
字体大小：粗体；
文本对齐：左对齐；
背景色：#ffffff；
}
.content div div、.content.contentModule、.contentModuleTable、.contentModule、#main{
边界：无；
}
td，body，font，.medText，body，p{
字体：9pt塔荷马；
线高：12pt；
}
b{
颜色：#6e231e；
}
我{
颜色：#261712；
}
a:链接，a:已访问，a:活动，a b{
颜色：#90714d；
字体大小：粗体；
}
a:悬停，a:悬停b{
颜色：#261712；
}
#阿贾{
宽度：8px；
}
#海军{
填充：4px；
保证金：4倍；
文本对齐：居中；
}
#海军{
颜色：#ffffff！重要；
背景：#90714d；
显示：内联块；
宽度：75px；
填充：4px；
保证金：2倍；
文本转换：大写；
字体：9pt投石机MS；
字体大小：粗体；
}
#海军甲：悬停{
填充：4px；
保证金：2倍；
背景：#6e231e；
}
#主要{
边缘顶端：274px；
边缘底部：10px；
边框：10px实心#261712；
}
#用户信息{
背景：#90714d；
填充：8px；
}
img.special{位置：绝对；顶部：0；}

使用此CSS：

img.special { position: absolute; top: 0; }
body { margin-top: 274px; }

我添加了这个使用，它为我工作

这是在做什么：

• 首先，它绝对定位图像（使用正确的类名指定特定图像-

  .special

  ）
• 其次，它通过将top设置为

  0

  将图像移动到顶部。这仅仅是因为图像是绝对定位的
• 第三，它将整个网站向下移动，在页面上添加一个与图像高度相等的

  上边距

---

定位img有两种方法：1。使用

位置：绝对

或2。在HTML代码中将其上移（即从

表中上移到
div.main
或
div.content
）谢谢您的快速回答！对不起，我应该把这个放在代码里的什么地方？我相信我得到了边缘部分，但我应该把第一行放在哪里？无论是谁更改了我上面的代码，它都不起作用，但现在又改回来了。它是CSS，所以请尝试将它添加到
块的底部，就在
之前。几乎P我把这句话放在回到用户的网站之前，看看它现在是什么，似乎不想离开盒子：S我甚至不需要离开盒子，只要它看起来不在盒子里。因此，也许可以将图片扩展到有点飘浮在边界上。另外，上面写着“Userlookup:Cool_xman”的部分之前在图片上方，但我希望它在图片下方。非常感谢您的帮助：）自从我向您发送原始代码以来，HTML似乎已被修改。它以前起过作用。
img.special { position: absolute; top: 0; }
body { margin-top: 274px; }