phelipelopes Posted December 27, 2011 Report Share Posted December 27, 2011 Não estou conseguindo alinhar o meu menu: código css:#primaryNav { display: block; height: 33px; left: 0;}#primaryNav li { display: block; background: #000; float: left; border-left: 1px solid #666; position: relative; height: 33px; text-align: center;}#primaryNav li:first-child { border: none;}#primaryNav li a { float: none; background: none; color: #fff; text-align: center; letter-spacing: 0; line-height: 33px; font-size: 14px; font-family: "TitlingGothicFBStandCond", "Arial Narrow", Arial, sans-serif; text-transform: uppercase;}#primaryNav li.item1 { width: 52px;}#primaryNav li.item2 { width: 68px;}#primaryNav li.item3 { width: 111px;}#primaryNav li.item4 { width: 58px;}#primaryNav li.item5 { width: 53px;}#primaryNav li.item6 { width: 68px;}#primaryNav li.item7 { width: 75px;}#primaryNav li.item8 { width: 41px;}#primaryNav li.item9 { width: 146px;}#primaryNav li a:hover { color: #ee3224;}#primaryNav li.newsweek { background: #ee3224; border-left: none; width: 75px;}#primaryNav li.logo { background: #EE3224 url(styles/../img/logo/newsweek-nav.png) 3px 8px no-repeat;}#primaryNav li.newsweek a { margin-left: 5px;}#primaryNav li.newsweek a:hover { color: #FFF;}#primaryNav li.magazine { position: relative; width: 80px; height: 33px;}#primaryNav li.newsweek img { width: 80px; height: 70px;}#primaryNav .newsweekheader { position: absolute; top: -10px; right: 0;}HTML: <head> <link rel="stylesheet" href="styles.24714.css" type="text/css"> <div id="leadStory" class="lead"> <div class="ad"></div> </div><center> <ul id="primaryNav" role="navigation"> <li class="item1"><a href="/index.html" data-track="{'title':'navbar'}">Lucas</a></li> <li class="item2"><a href="/politics.html" data-track="{'title':'navbar'}">Politics</a></li> <li class="item3"><a href="/entertainment.html" data-track="{'title':'navbar'}">Entertainment</a></li> <li class="item4"><a href="/books.html" data-track="{'title':'navbar'}">Books</a></li> <li class="item5"><a href="/videos.html" data-track="{'title':'navbar'}">Video</a></li> <li class="item6"><a href="/fashion.html" data-track="{'title':'navbar'}">Fashion</a></li> <li class="item7"><a href="/business.html" data-track="{'title':'navbar'}">Business</a></li> <li class="item8"><a href="/art.html" data-track="{'title':'navbar'}">Art</a></li> <li class="item9"><a href="/features/women-in-the-world.html" data-track="{'title':'navbar'}">Women in the World</a></li> <li class="newsweek logo"> <a href="/newsweek.html" data-track="{'title':'navbar'}" class="ir">Newsweek</a> </li> <li class="newsweek magazine" data-track="{'title':'navbar'}"> <div class="parbase image newsweekheader"><a href="/newsweek.html"><img title="Newsweek Magazine" alt="Newsweek Magazine" class="cq-dd-image" src="/content/dailybeast/_jcr_content/newsweekheader.img.png/1324291816682.png"></a></div> </li> </ul> <div id="trendingTopics" class="trendingtopics links"> <h6 class="heading heading-style-e">Featured:</h6> <ul> <li><a href="/features/holidays.html" target="_self" data-track="{'title':'subnav'}">Holidays</a></li> <li><a href="http://andrewsullivan.thedailybeast.com/" target="_self" data-track="{'title':'subnav'}" wrc_done="true">The Dish</a> <span class="wrc_icon wrc11" rating="{"icon":"green1-16.png","rating":1,"weight":1,"flags":{"news":1}}"></span></li> <li><a href="http://blogs.thedailybeast.com/spin-cycle.html" target="_self" data-track="{'title':'subnav'}" wrc_done="true">Howard Kurtz</a> <span class="wrc_icon wrc11" rating="{"icon":"green1-16.png","rating":1,"weight":1,"flags":{"news":1}}"></span></li> <li><a href="/travel.html" target="_self" data-track="{'title':'subnav'}">Travel</a></li> <li><a href="/innovation.html" target="_self" data-track="{'title':'subnav'}">Innovation</a></li> <li><a href="/us-news.html" target="_self" data-track="{'title':'subnav'}">U.S. News</a></li> </ul></div> </nav>Alguém me ajuda? Quote Link to comment Share on other sites More sharing options...
Question
phelipelopes
Não estou conseguindo alinhar o meu menu:
código css:
#primaryNav {
display: block;
height: 33px;
left: 0;
}
#primaryNav li {
display: block;
background: #000;
float: left;
border-left: 1px solid #666;
position: relative;
height: 33px;
text-align: center;
}
#primaryNav li:first-child {
border: none;
}
#primaryNav li a {
float: none;
background: none;
color: #fff;
text-align: center;
letter-spacing: 0;
line-height: 33px;
font-size: 14px;
font-family: "TitlingGothicFBStandCond", "Arial Narrow", Arial, sans-serif;
text-transform: uppercase;
}
#primaryNav li.item1 {
width: 52px;
}
#primaryNav li.item2 {
width: 68px;
}
#primaryNav li.item3 {
width: 111px;
}
#primaryNav li.item4 {
width: 58px;
}
#primaryNav li.item5 {
width: 53px;
}
#primaryNav li.item6 {
width: 68px;
}
#primaryNav li.item7 {
width: 75px;
}
#primaryNav li.item8 {
width: 41px;
}
#primaryNav li.item9 {
width: 146px;
}
#primaryNav li a:hover {
color: #ee3224;
}
#primaryNav li.newsweek {
background: #ee3224;
border-left: none;
width: 75px;
}
#primaryNav li.logo {
background: #EE3224 url(styles/../img/logo/newsweek-nav.png) 3px 8px no-repeat;
}
#primaryNav li.newsweek a {
margin-left: 5px;
}
#primaryNav li.newsweek a:hover {
color: #FFF;
}
#primaryNav li.magazine {
position: relative;
width: 80px;
height: 33px;
}
#primaryNav li.newsweek img {
width: 80px;
height: 70px;
}
#primaryNav .newsweekheader {
position: absolute;
top: -10px;
right: 0;
}
HTML:
<head>
<link rel="stylesheet" href="styles.24714.css" type="text/css">
<div id="leadStory" class="lead">
<div class="ad"></div>
</div>
<center>
<ul id="primaryNav" role="navigation">
<li class="item1"><a href="/index.html" data-track="{'title':'navbar'}">Lucas</a></li>
<li class="item2"><a href="/politics.html" data-track="{'title':'navbar'}">Politics</a></li>
<li class="item3"><a href="/entertainment.html" data-track="{'title':'navbar'}">Entertainment</a></li>
<li class="item4"><a href="/books.html" data-track="{'title':'navbar'}">Books</a></li>
<li class="item5"><a href="/videos.html" data-track="{'title':'navbar'}">Video</a></li>
<li class="item6"><a href="/fashion.html" data-track="{'title':'navbar'}">Fashion</a></li>
<li class="item7"><a href="/business.html" data-track="{'title':'navbar'}">Business</a></li>
<li class="item8"><a href="/art.html" data-track="{'title':'navbar'}">Art</a></li>
<li class="item9"><a href="/features/women-in-the-world.html" data-track="{'title':'navbar'}">Women in the World</a></li>
<li class="newsweek logo">
<a href="/newsweek.html" data-track="{'title':'navbar'}" class="ir">Newsweek</a>
</li>
<li class="newsweek magazine" data-track="{'title':'navbar'}">
<div class="parbase image newsweekheader"><a href="/newsweek.html"><img title="Newsweek Magazine" alt="Newsweek Magazine" class="cq-dd-image" src="/content/dailybeast/_jcr_content/newsweekheader.img.png/1324291816682.png"></a></div>
</li>
</ul>
<div id="trendingTopics" class="trendingtopics links">
<h6 class="heading heading-style-e">Featured:</h6>
<ul>
<li><a href="/features/holidays.html" target="_self" data-track="{'title':'subnav'}">Holidays</a></li>
<li><a href="http://andrewsullivan.thedailybeast.com/" target="_self" data-track="{'title':'subnav'}" wrc_done="true">The Dish</a> <span class="wrc_icon wrc11" rating="{"icon":"green1-16.png","rating":1,"weight":1,"flags":{"news":1}}"></span></li>
<li><a href="http://blogs.thedailybeast.com/spin-cycle.html" target="_self" data-track="{'title':'subnav'}" wrc_done="true">Howard Kurtz</a> <span class="wrc_icon wrc11" rating="{"icon":"green1-16.png","rating":1,"weight":1,"flags":{"news":1}}"></span></li>
<li><a href="/travel.html" target="_self" data-track="{'title':'subnav'}">Travel</a></li>
<li><a href="/innovation.html" target="_self" data-track="{'title':'subnav'}">Innovation</a></li>
<li><a href="/us-news.html" target="_self" data-track="{'title':'subnav'}">U.S. News</a></li>
</ul></div>
</nav>
Alguém me ajuda?
Link to comment
Share on other sites
0 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.