Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 更改Dreamweaver中DIV AP标记的位置_Css_Html_Dreamweaver - Fatal编程技术网

Css 更改Dreamweaver中DIV AP标记的位置

Css 更改Dreamweaver中DIV AP标记的位置,css,html,dreamweaver,Css,Html,Dreamweaver,当我把位置从绝对变为相对或任何东西时,它会把一切都搞砸。在版面上到处发送图像。我不知道该怎么办。请帮助=[[因为就目前情况而言,当浏览器变得复杂化时,文本在布局上的位置取决于我测试它的计算机。网站-www.byteknowthrepair.com <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org /TR/html4/loose.dtd"> <html>

当我把位置从绝对变为相对或任何东西时,它会把一切都搞砸。在版面上到处发送图像。我不知道该怎么办。请帮助=[[因为就目前情况而言,当浏览器变得复杂化时,文本在布局上的位置取决于我测试它的计算机。网站-www.byteknowthrepair.com

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org      /TR/html4/loose.dtd">
<html>
<head>
<title>-ByteKnight Repair-</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="site_layout.css" rel="stylesheet" type="text/css">
<style type="text/css">
body {
    background-color: #2b2b2b;
}
</style>
<link href="site_layout_content.css" rel="stylesheet" type="text/css">
<style type="text/css">
#testimonials {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 220px;
top: 563px;
float: right;
}
body,td,th {
color: #999;
}
#housecalls {
position:absolute;
width:200px;
height:105px;
z-index:2;
left: 504px;
top: 557px;
}
#WhatWeDo {
position:;
width:379px;
height:46px;
z-index:3;
left: 201px;
top: 222px;
}
</style>
<link href="site_layout_whatwedo.css" rel="stylesheet" type="text/css">
<style type="text/css">
#Description {
position:absolute;
width:326px;
height:73px;
z-index:4;
left: 219px;
top: 289px;
}
#news {
position:absolute;
width:200px;
height:115px;
z-index:5;
left: 804px;
top: 556px;
}
#apDiv6 {
position:absolute;
width:200px;
height:115px;
z-index:6;
left: 721px;
top: 390px;
}
</style>

-夜间修理-
身体{
背景色:#2b2b;
}
#推荐书{
位置:绝对位置;
宽度:200px;
高度:115px;
z指数:1;
左:220px;
顶部:563px;
浮动:对;
}
正文,td,th{
颜色:#999;
}
#家访{
位置:绝对位置;
宽度:200px;
高度:105px;
z指数:2;
左:504px;
顶部:557px;
}
#什么{
职位:;
宽度:379px;
高度:46px;
z指数:3;
左:201px;
顶部:222px;
}
#描述{
位置:绝对位置;
宽度:326px;
高度:73px;
z指数:4;
左:219px;
顶部:289px;
}
#新闻{
位置:绝对位置;
宽度:200px;
高度:115px;
z指数:5;
左:804px;
顶部:556px;
}
#第6章{
位置:绝对位置;
宽度:200px;
高度:115px;
z指数:6;
左:721px;
顶部:390px;
}

哇,好吧,我的第一个建议是重新开始并正确定位所有内容。页面上的文本到处都是,因为它们没有正确包含,只是手动定位在屏幕上,相对于您当时使用的屏幕绝对定位,所以它们到处都是(并非每个人都有相同的屏幕大小)。以下是一些可以快速解决问题的方法:

td {
    vertical-align:top;
}

#description {
    padding:30px;
    position:absolute;
    width:326px;
}
稍后删除“What we do”div,并将其放在“description”div中,如下所示:

<div id="Description">
<h2>What we do</h2>
<p>ByteKnight Repair is a local, San Fernando Valley based computer repair and servicing company that services both PC desktops and laptops of all brands.</p></div>
<td colspan="3" rowspan="4">
        <div id="apDiv5">
          <p>The squire tune-up includes: </p>
          <ul>
            <li>Clear Cache</li>
            <li>Clear Pagefiles</li>
            <li>Virus Scan</li>
            <li>Virus Removal</li>
            <li>Spyware Scan</li>
            <li>Spyware Removal</li>
            <li>Registry Cleaning</li>
            <li>Registry Defragmentation</li>
            <li>Hard Drive Test</li>
            <li>RAM Test</li>
            <li>CPU Thermal Test</li>
            <li>Configure Windows Updates</li>
            <li>Remove Unneeded Startup Programs</li>
          </ul>
      </div><img width="260" height="350" src="images/prices_28.jpg" alt="">
</td>
然后,将td固定在该div中,将图像放置在内容的“下方”,如下所示:

<div id="Description">
<h2>What we do</h2>
<p>ByteKnight Repair is a local, San Fernando Valley based computer repair and servicing company that services both PC desktops and laptops of all brands.</p></div>
<td colspan="3" rowspan="4">
        <div id="apDiv5">
          <p>The squire tune-up includes: </p>
          <ul>
            <li>Clear Cache</li>
            <li>Clear Pagefiles</li>
            <li>Virus Scan</li>
            <li>Virus Removal</li>
            <li>Spyware Scan</li>
            <li>Spyware Removal</li>
            <li>Registry Cleaning</li>
            <li>Registry Defragmentation</li>
            <li>Hard Drive Test</li>
            <li>RAM Test</li>
            <li>CPU Thermal Test</li>
            <li>Configure Windows Updates</li>
            <li>Remove Unneeded Startup Programs</li>
          </ul>
      </div><img width="260" height="350" src="images/prices_28.jpg" alt="">
</td>

乡绅调整包括:

  • 清除缓存
  • 清除页面文件
  • 病毒扫描
  • 病毒清除
  • 间谍软件扫描
  • 间谍软件删除
  • 注册表清理
  • 注册表碎片整理
  • 硬盘驱动器测试
  • 冲压试验
  • CPU热测试
  • 配置Windows更新
  • 删除不需要的启动程序
另外,在“骑士调教”部分,将该div上的#apDiv4id更改为#apDiv5

这应该可以解决大多数对齐问题,尽管我强烈建议从零开始,您可以轻松地单独使用表来定位此类设计。此外,请尝试通过常规编辑器而不是可视化编辑器进行所有这些更改

和往常一样,如果它成功了,不管它是如何设置的,它都会成功。祝你好运