另一个标签菜单问题 [英] Another tab menu question
问题描述
我找到了我正在处理的网站的代码（ www.sovietposters.tk） 。
它完全符合我的要求，但我无法弄清楚如何更改标签的
颜色。有什么建议吗？
John
< style type =" text / css">
body {
字体：100％verdana，arial，sans-serif;
背景颜色：＃0080ff;
保证金：5px;
}
ul＃tabnav {
字体：粗体10px verdana，arial，sans-serif;
list- style-type：none;
padding-bottom：24px;
border-bottom：1px solid＃6c6;
margin：0; < br $>
}
ul＃tabnav li {
float：left;
身高：21px;
背景颜色：#cfc;
保证金：2px 2px 0 2px;
border：1px solid＃6c6;
}
body＃tab1 li.tab1，body＃tab2 li.tab2，body＃tab3 li.tab3 {
border-bottom：1px solid #fff;
background-color：#fff;
}
body＃tab1 li.tab1 a，body＃tab2 li.tab2 a，body＃tab3 li.tab3 a {
颜色：＃000;
}
#tabnav a {
浮动：左;
显示：块;
颜色：＃666;
text-decoration：none;
填充：4px;
}
#tabnav a：悬停{
背景：#fff;
}
< / style>
< / head>
< body id = " tab2">
< ul id =" tabnav">
< li class =" tab1">< a href ="＃" onMouseOver =" window.status =''点击这里
张贴纵向的海报''; return true;"
onMouseOut =" window.status ='''';返回true;">带有肖像的海报
方向< / a>< / li>
< li class =" tab2">< a HREF ="" onMouseOver =" window.status =''海报与
横向''; return true; onMouseOut =" window.status ='''';
返回true;">横向格式的海报< / a>< / li>
< ; li class =" tab3">< a href ="" onMouseOver =" window.status =''点击这里
这个月的海报''; return true; onMouseOut =" window.status ='''';
返回true;">月份海报< / a>< / li>
< ; / ul>
I found this code for the site I''m working on (www.sovietposters.tk).
It does exactly what I want but I can''t figure out how to change the
color of the tabs. Anyone any suggestions?
John
<style type="text/css">
body {
font: 100% verdana, arial, sans-serif;
background-color: #0080ff;
margin: 5px;
}
ul#tabnav {
font: bold 10px verdana, arial, sans-serif;
list-style-type: none;
padding-bottom: 24px;
border-bottom: 1px solid #6c6;
margin: 0;
}
ul#tabnav li {
float: left;
height: 21px;
background-color: #cfc;
margin: 2px 2px 0 2px;
border: 1px solid #6c6;
}
body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3 {
border-bottom: 1px solid #fff;
background-color: #fff;
}
body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a {
color: #000;
}
#tabnav a {
float: left;
display: block;
color: #666;
text-decoration: none;
padding: 4px;
}
#tabnav a:hover {
background: #fff;
}
</style>
</head>
<body id="tab2">
<ul id="tabnav">
<li class="tab1"><a href="#" onMouseOver="window.status=''Click here
for posters with portrait orientation''; return true;"
onMouseOut="window.status=''''; return true;">Posters with portrait
orientation</a></li>
<li class="tab2"><a href="" onMouseOver="window.status=''Posters with
landscape orientation''; return true;" onMouseOut="window.status='''';
return true;">Posters with landscape orientation</a></li>
<li class="tab3"><a href="" onMouseOver="window.status=''Click here
for poster of the month''; return true;" onMouseOut="window.status='''';
return true;">Poster of the month</a></li>
</ul>
推荐答案
John写道：
John wrote:
我为网站找到了这个代码我''正在努力（ www.sovietposters.tk）。
它正是做了什么我想要，但我不知道如何更改选项卡的颜色。有人提出建议吗？
I found this code for the site I''m working on (www.sovietposters.tk).
It does exactly what I want but I can''t figure out how to change the
color of the tabs. Anyone any suggestions?
更改：
background-color：#cfc;在ul＃tabnav li {到
background-color：#ffffff;例如。
Change:
background-color: #cfc; in ul#tabnav li { to
background-color: #ffffff; for example.
John写道：
John wrote:
我找到了我正在处理的网站的代码（ www.sovietposters.tk）。
它完全符合我的要求，但我可以''弄清楚如何更改标签的颜色。有人提出建议吗？
I found this code for the site I''m working on (www.sovietposters.tk).
It does exactly what I want but I can''t figure out how to change the
color of the tabs. Anyone any suggestions?
更改：
background-color：#cfc;在ul＃tabnav li {到
background-color：#ffffff;例如。
Change:
background-color: #cfc; in ul#tabnav li { to
background-color: #ffffff; for example.
" dr。 zoidberg" < zo*@example.org>在消息新闻中写道：< c5 ************* @ ID-93631.news.uni-berlin.de> ...
"dr. zoidberg" <zo*@example.org> wrote in message news:<c5*************@ID-93631.news.uni-berlin.de>...
John写道：
John wrote:
我找到了我正在处理的网站的代码（ www.sovietposters.tk）。
它完全符合我的要求，但我无法弄清楚如何更改标签的颜色。有人有什么建议吗？
I found this code for the site I''m working on (www.sovietposters.tk).
It does exactly what I want but I can''t figure out how to change the
color of the tabs. Anyone any suggestions?
更改：
background-color：#cfc;在ul＃tabnav li {to
background-color：#ffffff;例如。
Change:
background-color: #cfc; in ul#tabnav li { to
background-color: #ffffff; for example.
感谢您的输入，但该设置也完全破坏了
布局，菜单元素中的文本垂直于一个另一个 - 我
只是无法理解代码发生了什么。
如果好医生有另一个解决方案，我会非常感激。 ..
Thanks for your input, but that setting also totally destroys the
layout with the text in the menu elements vertical to one another - I
just can''t understand what''s happening with the code.
If the good doctor has another solution, I''d be much obliged...
这篇关于另一个标签菜单问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
