CSS
.main_o .nav img{margin:0; padding:0; border:none;}
.main_o .nav a{padding:0; margin:0;}
.main_o .nav ul{width:180px; margin:0 auto; height:290px; overflow:hidden;}
.main_o .nav li{margin:0; padding:0; height:35px; }
HTML
<div class="nav">
<ul>
<li><a href="#"><img src="images/n_nav1.jpg" width="179" height="35" /></a></li>
<li><a href="#"><img src="images/n_nav2.jpg" width="179" height="35" /></a></li>
<li><a href="#"><img src="images/n_nav3.jpg" width="179" height="35" /></a></li>
<li><a href="#"><img src="images/n_nav4.jpg" width="179" height="35" /></a></li>
<li><a href="#"><img src="images/n_nav5.jpg" width="179" height="35" /></a></li>
<li><a href="#"><img src="images/n_nav6.jpg" width="179" height="35" /></a></li>
</ul>
</div>
在IE6下定义li的heigth属性是无效的,
解决方法:
需要在该LI样式下加入:
overflow:hidden;
line-height:0px;
font-size:0px;
附带:
DIV高度在ie6的BUG,需要加入overflow:hidden;
IE6和IE7的盒模型对LI盒模型的高度的理解:将字体的高度和行高算在一起
其它的哥不说,你文章写得再NB你也只是一个写文章的,永远不是一个合格的网站编辑。一名合格的网站编辑,需要有如下的网站SEO技术:
1. 文章当中最好需要出现一个网站核心关键词
所谓的网站核心的关键词就是指与网站内容相关性比较高并且是比较受欢迎的关键词,当然还有相当高的转化率。
2. 文章标题当中需要出现关键词。
关键字在标题标签
3. 在文章前100个字中最好出现关键词。
大多数网页内容会在最初的文章段落中概述其中心思想,搜 索引擎中判定相关性给予这些词更多的权重(这点可以从搜索引擎收录显示中体现)。因此关键字出现在网页的顶端比出现在后面有更好的效果。
1. 文章当中最好需要出现一个网站核心关键词
所谓的网站核心的关键词就是指与网站内容相关性比较高并且是比较受欢迎的关键词,当然还有相当高的转化率。
2. 文章标题当中需要出现关键词。
关键字在标题标签
<h1>
中出现,是网页中突出程 度最高的地方之一。关键字出现在文章标题中比出现在其他地方得到更高的权重,因为访客认为文章标题比其他文字更重要,搜索引擎也这么认为。3. 在文章前100个字中最好出现关键词。
大多数网页内容会在最初的文章段落中概述其中心思想,搜 索引擎中判定相关性给予这些词更多的权重(这点可以从搜索引擎收录显示中体现)。因此关键字出现在网页的顶端比出现在后面有更好的效果。
写CSS,会用到清除浮动,代码如下:.clear{clear:both;},但这代码在IE6里面会显示有高度。
解决方法:.clear{clear:both; height:0; overflow:hidden;}
解决方法:.clear{clear:both; height:0; overflow:hidden;}
晚上做个divcss页面,发现在IE6下,设置了li的float:left,LI就不能自适应宽度了,真TMD的无比的寂寞。。。。
CSS代码如下:
.menu .nav li{float:left;}
.menu .nav li a{color:#FFF;}
.menu .nav li a:hover{color:#070707;}
HTML代码如下:
<div class="nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Network</a></li>
<li><a href="#">Design</a></li>
<li><a href="#">Application</a></li>
<li><a href="#">Database</a></li>
<li><a href="#">Program</a></li>
<li><a href="#">Books</a></li>
<li><a href="#">Photography</a></li>
</ul>
</div>
解决办法是要在a里面也加下float:left,别问哥为啥,哥也不知道,哥是用IETester的调试软件试出来的~~~~~~
如下代码所示:
.menu .nav li{float:left;}
.menu .nav li a{color:#FFF;}
.menu .nav li a:hover{color:#070707;float:left;}
CSS代码如下:
.menu .nav li{float:left;}
.menu .nav li a{color:#FFF;}
.menu .nav li a:hover{color:#070707;}
HTML代码如下:
<div class="nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Network</a></li>
<li><a href="#">Design</a></li>
<li><a href="#">Application</a></li>
<li><a href="#">Database</a></li>
<li><a href="#">Program</a></li>
<li><a href="#">Books</a></li>
<li><a href="#">Photography</a></li>
</ul>
</div>
解决办法是要在a里面也加下float:left,别问哥为啥,哥也不知道,哥是用IETester的调试软件试出来的~~~~~~
如下代码所示:
.menu .nav li{float:left;}
.menu .nav li a{color:#FFF;}
.menu .nav li a:hover{color:#070707;float:left;}



14:00
553
9

