Erro no Css Wordpress

[Ronaldo Mendes 0]

Olá pessoal, montei um thema wordpress, estruturei primeiramente em tableless, logo depois quando fui programar no wordpress, aparento um css desorganizado no menu.

Sendo que na versao do tableless está tudo ok. Estou tentando corrigir, mas não está dando certo, se alguém souber, da uma ajuda ai.

[Heitor Sousa 9]

Poste o link que talvez facilite um pouco

[rogerio de paulo 7]

O css que você criou está linkado corretamente no projeto?

[Ronaldo Mendes 0]

Olá amigos, desculpe a demora, vou postar o codigo, e alguns prinst de como ta dando esse erro ai.

 

Codigo Tableless:

 

<div class="menu">
    
	<ul>
          <li><a href="#">Home</a></li>
          <li><a href="#">Blog</a></li>
          <li><a href="#">Sobre Nós</a></li>
          <li><a href="#">Ofertas</a></li>
          <li><a href="#">Contato</a></li>
        </ul>
       <div class="logo left">
           <a href="#" title="Mercearia Vitória - Porque o barato está aqui!"></a>    
       </div>
</div>

CSS:

 

#container .menu { width: 940px;
	height: auto;
	overflow: hidden;
	margin: auto;  }
	
#container .menu ul {
	list-style: none;
	float: right;
}	

#container .menu li {
	float: left; }
	
#container .menu ul li a {
	float: left;
	text-decoration: none;
	font: 18px Tahoma, Arial, sans-serif;
	color: #F00005;
	padding: 15px;
	margin-top: 14px;
	margin-left: 2px;
}

#container .menu ul li.current-menu-item a {
background: #F00005;
color: white;
text-decoration: none;
-moz-border-radius: 5px; /* Para Firefox */
	-webkit-border-radius: 5px; /*Para Safari e Chrome */
	border-radius: 5px; /* Para Opera 10.5+*/
}
#container .menu ul li a:hover {
	background: #F00005;
	color:#FFF;
	-moz-border-radius: 5px; /* Para Firefox */
	-webkit-border-radius: 5px; /*Para Safari e Chrome */
	border-radius: 5px; /* Para Opera 10.5+*/
}	



#container .logo a { 
    text-indent: -9999px; 
    float: left; 
    width: 199px;
    height: 171px; 
    background: url(images/logo.png) no-repeat 50% 50%; 


    transition:All 0.4s ease;
    -webkit-transition:All 0.4s ease;
    -moz-transition:All 0.4s ease;
    -o-transition:All 0.4s ease;
}
#container .logo a:hover {
  transform: rotate(20deg) scale(1) skew(1deg) translate(0px);
  -webkit-transform: rotate(20deg) scale(1) skew(1deg) translate(0px);
  -moz-transform: rotate(20deg) scale(1) skew(1deg) translate(0px);
  -o-transform: rotate(20deg) scale(1) skew(1deg) translate(0px);
  -ms-transform: rotate(20deg) scale(1) skew(1deg) translate(0px);
}

 

Print Tableless:

 

 

 

Print Wordpress:

 

 

 

 

Se puderem dar uma força ai amigos, eu agradeço de coração.

 

 

Abraços.

[Heitor Sousa 9]

É provável que o wordpress está interpretando algum css fora esse seu que esteja dando diferença, tenta usar o Debug no do navegador sabe? (F12) Ajuda bastante, vai tirando as regras e vendo oq altera

 

:yes: