Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

didito

Problema HTML (Simples)

Recommended Posts

Olá, eu estou com um problema, que eu não estou conseguindo arrumar, eu mudei a logo do meu site e com isso o menu está descendo e não estou conseguindo subi-lo e estou com esse problema, não sei o que fazer..

www.logicaservers.com.br/sitenovo

 

<!-- HEADER -->

<div id="header">

<div class="row-1">

<div class="fleft"><a href="index.html"><img src="images/logo.png" alt="" /></a></div>

<div class="fright">

<ul>

<li><a href="index.html" class="active"><em><b>Home</b></em></a></li>

<li><a href="index-1.html"><em><b>VPS</b></em></a></li>

<li><a href="index-2.html"><em><b>Dedicados</b></em></a></li>

<li><a href="http://www.logicaservers.com.br/whmcs/domainchecker.php"><em><b>Dominios</b></em></a></li>

<li><a href="index-4.html"><em><b>Suporte</b></em></a></li>

<li><a href="index-5.html"><em><b>Contato</b></em></a></li>

<!-- stardevelop.com Live Help International Copyright - All Rights Reserved //-->

<!-- BEGIN Live Help HTML Code - NOT PERMITTED TO MODIFY IMAGE MAP/CODE/LINKS //-->

<a href="whmcs/modules/livehelp/index.php" target="_blank" onclick="openLiveHelp(); return false"><img src="/livehelp/include/status.php" id="LiveHelpStatus" name="LiveHelpStatus" border="0" alt="Live Help" onload="statusImagesLiveHelp[statusImagesLiveHelp.length] = this;"/></a>

<!-- END Live Help HTML Code - NOT PERMITTED TO MODIFY IMAGE MAP/CODE/LINKS //-->

</ul>

</div>

</div>

<div class="row-2">

<div class="title"><img src="images/header-title1.gif" alt="" /></div>

<div class="extra"><img src="images/header-title2.gif" alt="" />

<ul>

<li><a href="#">Unlimited Bandwidth</a></li>

<li><a href="#"><span>new</span> 100Mbps <span>connectivity</span></a></li>

</ul>

<div class="link1"><a href="#"><em><b>signup now</b></em></a></div>

<div class="link2"><a href="#"><em><b>read more</b></em></a></div>

</div>

<div class="banner"><a href="#"><img src="images/header-banner.jpg" alt="" /></a></div>

</div>

</div>

Compartilhar este post


Link para o post
Compartilhar em outros sites

O menu está muito largo. Você pode testar ver ele dando uma margem negativa no topo de 70px.

 

Algumas sugestões:

 

- Readapte o menu para que ocupe menos espaço;

- Realoque a logo um pouco para a esquerda;

- Diminua a logo e itens anterioes.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Tenta alterar o seguinte:

 

*Arquivo style.css linha 643:

 

#header .row-1 .fleft {
padding: 26px 0 0 17px;
}

 

para:

 

#header .row-1 .fleft {
padding: 16px 0 0 0px;
}

 

Linha 650:

 

#header .row-1 .fright {
padding: 45px 0 0 0;
}

 

para:

 

#header .row-1 .fright {
padding: 45px 0 0 0;
margin-top: -70px;
}

 

Linha 653:

 

#header .row-1 .fright ul li {
float: left;
padding-left: 11px;
}

 

para:

 

#header .row-1 .fright ul li {
float: left;
padding-left: 3px;
}

 

Linha 665:

 

#header .row-1 .fright ul li a b {
display: block;
font-style: normal;
font-weight: normal;
padding: 2px 30px 4px 30px;
}

 

para:

 

#header .row-1 .fright ul li a b {
display: block;
font-style: normal;
font-weight: normal;
padding: 2px 12px 4px 12px;
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.