css导航条居中的问题
我有空没有事做研究一下CSS+DIV,现做一条导航条,遇到一个问题,它大家帮忙解决一下:
以下代码可以实现居中,但有一个问题就是,如果我加多一个栏目比如加多一个HTML code:
<li><a href="">联系我们</a></li>
,它将会布局乱。这样得要修改width:57%;这个值,怎样修改才能让自适应,即使添加多几个导航也不会乱?
CSS code:
.test
{
margin:0 auto;
width:100%;
height:30px;
}
.test ul
{
list-style:none;
margin:0 auto;
width:57%;
}
.test ul li
{
float:left;
margin-right:20px;
}
HTML code:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<link rel="stylesheet" type="text/css" href="StyleSheet.css" />
</head>
<body>
<div class="test">
<ul>
<li><a href="">首页</a></li>
<li><a href="">产品介绍</a></li>
<li><a hre
相关问答:
皮肤和样式表都可以设置控件的外观,具体有什么区别呢?
skin 是asp.net 体系的 就相当于<asp:TextBox> 对应于<input type="text">
你把皮肤当成衣服,把样式表当成化妆品就容易理解了
......
不考虑XML和动态程序,也不考虑JS,不考虑使用PS,图片都给你提供着呢。
让你写纯静态页面的新浪首页,100%用DIV+CSS来写。
如果你写的话需要多长时间呢?
视个人能力而定,我的话需要一天。
一整下午吧
......
页面代码:
<div class="boxCenter">
<table cellspacing="1" class="tbBox">
&nbs ......
美工在IE6下做的html页,里面用到了CSS样式
我在IE7下用visual studio 2008做aspx页,利用了上面的页面布局,我只是在vs.net下写代码
现在页面在IE7下能正常运行,可是在IE6里就显示不成样子,看那样子是引用不了 ......
直接看不到的话,http://hiphotos.baidu.com/%CB%AE%CC%EC/pic/item/bd10cdfc07c1c4d2fc037f24.jpg
要实现图片中的三种效果:
1、button的样式
2、改变下拉列表框 样式
3、就是鼠标放到字体上时显示 ......