web前端开发遇到问题记录

制作一个网站首页遇到的问题

<div class="wrap">
<div class="logo">......<div>
<div class="nav">......<div>
<div class="main">......<div>
<div>

.nav_mid_left li{
float: left;
list-style-type: none;
width: 100px;
text-align: center;
line-height: 39px;       /**设置行高为div的高度,实现内容垂直方向居中*/
}

.nav_middle{
width: 1000px;
background: url(../images/nav_bg.jpg) repeat-x;
border-radius: 5px;
float: left;
height: 40px;
}

多列布局float实现

焦点图采用了myFocus/效果很不错

<pre name="code" class="html"><script src="js/myfocus-2.0.1.min.js" type="text/javascript"></script>
<script src="js/mf-pattern/mF_fancy.js" type="text/javascript"></script>
<link href="js/mf-pattern/mF_fancy.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
myFocus.set({
id:'picBox',
pattern:'mF_fancy',
time:3,
trigger:'click',
width:1000,
height:310,
txtHeight:'default'
});
</script>