Ir para conteúdo
Fórum Script Brasil
  • 0

Alinhar Menu CSS


phelipelopes

Pergunta

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>&nbsp;<span class="wrc_icon wrc11" rating="{&quot;icon&quot;:&quot;green1-16.png&quot;,&quot;rating&quot;:1,&quot;weight&quot;:1,&quot;flags&quot;:{&quot;news&quot;: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>&nbsp;<span class="wrc_icon wrc11" rating="{&quot;icon&quot;:&quot;green1-16.png&quot;,&quot;rating&quot;:1,&quot;weight&quot;:1,&quot;flags&quot;:{&quot;news&quot;: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 para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...