css导航条字体距离,帮助与CSS导航,文字位置和间隔

三件事我想做的事:

我需要的导航栏坐标题下方。这大概是 一个简单的修复,但对于我的生活,我无法弄清楚。

我需要导航中的文本垂直居中。

如何在左列和右列之间放置一些空间?

感谢您的帮助!下面是CSS代码:

body,html {

margin:0;

padding:0;

color:#101010;

font-family: ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif;

}

p {

margin-top: 30px;

font-size: 16px;

line-height: 1.3em;

padding-bottom: 10px;

text-align: center;

color: #ffffff;

}

p a{

text-decoration: none;

color: #4e6f8c;

}

#wrapper {

width:960px;

margin:0 auto;

padding: 0px;

background:#fff;

}

#header {

padding:5px 10px;

background:#fff;

height:137px;

}

#nav {

padding:5px 10px;

background:#fff;

width: 960px;

height: 40px;

font-size: 15px;

color: #7c7c7c;

text-align: center;

}

#nav ul {

margin:0;

padding:0;

list-style:none;

position: absolute;

bottom: 5px;

}

#nav li {

display:inline;

margin:0;

padding:0;

width:160px;

height: 45px;

float: left;

background-color: #f6f6f6;

-moz-border-radius: 25px 10px/10px 25px;

border-radius: 25px 10px/10px 25px;

}

#nav li:hover {

background-color: #df220f;

}

#nav li:hover a{

color: #ffffff;

text-decoration: none;

}

#nav a {

color: #fff;

text-decoration: none;

}

#nav a:link {

color: #7c7c7c;

text-decoration: none;

}

#nav a:visited{

color: #ffffff;

text-decoration: none;

}

#nav a:hover {

color: #ffffff;

text-decoration: none;

}

#nav a:focus {

color: #ffffff;

text-decoration: none;

}

#nav a:active {

color: #ffffff;

text-decoration: none;

}

#leftcontent {

float:left;

width:710px;

height: 300px;

background:#df220f;

-moz-border-radius: 1em 4em 1em 4em;

border-radius: 1em 4em 1em 4em;

background-image:url('./images/main_placeholder.png');

background-repeat:no-repeat;

background-position:center;

}

h2 {

margin:10px 0 0 20px;

color: #24389b;

font-size: 19px;

padding-bottom: 8px;

}

#rightcontent {

float:left;

width:250px;

background:#df220f;

height: 1%;

-moz-border-radius: 1em 4em 1em 4em;

border-radius: 1em 4em 1em 4em;

height: 300px;

background-image:url('./images/side_logo.png');

background-repeat:no-repeat;

background-position:bottom center;

}

#footer {

clear:both;

padding:5px 10px;

background:#fff;

}

#footer p {

margin:0;

}

* html #footer {

height:1px;

}

__ _ __ _ _ HTML编辑:

/p>

"http://www.w3.org/TR/html4/strict.dtd">

href = "./style.css" media = "all" />

Average cost of a windshield
replacement: $240

Average repair cost: $60

Just another reason why
windshield repair makes sense

2011-09-29

Rich2233

+0

您的链接导致错误页面。 –

+0

如果你无法恢复你的网站,那么一些标记呢? –

+0

谢谢大家。不知道该网站何时会备份,但希望很快。我继续向网站提出以下列出的一些建议。我将继续编辑其余的代码。再次感谢。 –

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值