Html Dreamweaver代码显示在设计页面上,但不显示在浏览器的实时视图上
我在玩一些东西,并建立了网站的顶部部分(徽标和菜单),之后我尝试插入一个带有一些文本的表格,这个表格虽然我在dreamweaver的“代码”和“设计”选项卡上看到了它,但它只是不在浏览器预览中显示 我确信我的CSS有一些问题,但我不知道是什么原因导致该表无法显示 不用说,我不是CSS方面的专家,只是在一个网站上自大 以下是HTML部分:Html Dreamweaver代码显示在设计页面上,但不显示在浏览器的实时视图上,html,css,Html,Css,我在玩一些东西,并建立了网站的顶部部分(徽标和菜单),之后我尝试插入一个带有一些文本的表格,这个表格虽然我在dreamweaver的“代码”和“设计”选项卡上看到了它,但它只是不在浏览器预览中显示 我确信我的CSS有一些问题,但我不知道是什么原因导致该表无法显示 不用说,我不是CSS方面的专家,只是在一个网站上自大 以下是HTML部分: <body> <!-- header --> <table id="tabela"> <tr> &
<body>
<!-- header -->
<table id="tabela">
<tr>
<td>
<!-- Logo -->
<div class="logo">
<img src="imagens/logo.png">
</div>
<!-- Menu -->
<div id="menu">
<ul> <li><a href="#">home</a></li>
<li><a href="#">categorias</a>
<ul class="categorias">
<li><a href="#">papel de carta</a></li>
<li><a href="#">envelopes</a></li>
<li><a href="#">cartoes de visita</a></li>
<li><a href="#">flyers</a></li>
<li><a href="#">tshirts</a></li>
<li><a href="#">brindes</a></li>
</ul>
</li>
<li><a href="#">Portefólio</a></li>
<li><a href="#">faqs</a></li>
<li><a href="#">contatos</a></li>
</ul>
</div></td>
</tr>
</table>
<!-- Clear -->
<div class="clear"></div>
<!-- texto de cima -->
<table width="100%" border="0">
<tr>
<td>imprimimos <span class="salmon-color"><b>QUALIDADE</b></span></td>
</tr>
<tr>
<td>junte-se a nós...</td>
</tr>
</table>
<!-- imagem topo -->
<div class="imagem1">
<p><img src="imagens/imagem1.jpg" width="1680" height="656" /></p>
</div>
</body>
谢谢你的帮助。这不是要弄清楚你的问题是什么,但是无论哪种方式,你的代码都可以正常工作,正如你在这里看到的那样。虽然我不会用表来构建这样的东西。您可能需要研究一下无表布局 我测试了你的代码,你可以在这里看到。因为我没有你的背景图像,我只是用了一种颜色
-
资格不适当
junte se a nós。。。
刚刚检查了您的代码,对我来说工作正常。检查你自己表格中的部分“imprimmos qualidade…”在我的浏览器上不出现,我同意表格(当然),特别是上下文,因为它们根本不需要。这里有一个没有表的例子:我之所以在那里有一个表,是因为我第一次使用了一个DIV,但没有出现,所以我改为table,看看是否会改变。。。为什么我是唯一一个没有看到结果的人???
/* ######## 1 - Reset ######### */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, img, small, strong, ol, ul, li, form, label,
table, caption, tr, td, footer, header {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
body {
line-height: 1;
text-rendering: optimizeLegibility;
font-weight: 200;
font-family: "Prosto One";
text-transform: uppercase;
}
a {
color: #666;
text-decoration: none;
}
a:focus { color:#333; outline:0; text-decoration:none; }
a:hover { color:#FF6666; text-decoration:none; }
.salmon-color {color:#C69}
.clear { clear:both; }
.header {
height:80px;
display:block;
background:url('imagens/menu-bg.png') repeat;
}
#tabela {
position:fixed;
z-index: 998;
width:100%;
height:150px;
border="0";
background:url(../imagens/menu-bg.png);
}
.logo {
position: fixed;
z-index: 999;
height: 100px;
left: 400px;
top: 20px;
}
#menu{
position: fixed;
z-index: 999;
right: 300px;
top: 30px;
display: block;
text-align: center;
}
#menu li {
float: left;
position: relative;
padding-right: 100;
display: block;
margin-right: 30px;
padding: 5px;
letter-spacing:1px
}
#menu li ul {
display:none;
position:absolute;
padding-top:10px;
text-align: center;
letter-spacing:0px
}
#menu li:hover ul{
display:block;
height:2px;
width:18em;
text-align: center;
}
#menu li ul li{
clear:both;
border-style:none;
padding-top:10px;
text-align: center;
background-color: #FFF;
}
.categorias{
font-size: 12px;
text-align: center;
}
.span1{
display: block;
}
.imagem1 {
position: absolute;
top: 200px;
z-index: -999;
}
<body>
<!-- header -->
<table id="tabela">
<tr>
<td>
<!-- Logo -->
<div class="logo">
<img src="imagens/logo.png">
</div>
<!-- Menu -->
<div id="menu">
<ul>
<li><a href="#">home</a></li>
<li><a href="#">categorias</a>
<ul class="categorias">
<li><a href="#">papel de carta</a></li>
<li><a href="#">envelopes</a></li>
<li><a href="#">cartoes de visita</a></li>
<li><a href="#">flyers</a></li>
<li><a href="#">tshirts</a></li>
<li><a href="#">brindes</a></li>
</ul>
</li>
<li><a href="#">Portefólio</a></li>
<li><a href="#">faqs</a></li>
<li><a href="#">contatos</a></li>
</ul>
</div>
</td>
</tr>
</table>
<!-- Clear -->
<div class="clear"></div>
<!-- texto de cima -->
<table width="100%" border="0">
<tr>
<td>imprimimos <span class="salmon-color"><b>QUALIDADE</b></span></td>
</tr>
<tr>
<td>junte-se a nós...</td>
</tr>
</table>
<!-- imagem topo -->
<div class="imagem1">
<p><img src="imagens/imagem1.jpg" width="1680" height="656" /></p>
</div>
</body>