Surcape -
Redes Sociais:

Você não está conectado. Conecte-se ou registre-se

Como tira essa bordinha

Mensagem - Página 1 de 1

1 Como tira essa bordinha em Dom Nov 01, 2015 8:16 pm

avatarMembro Ativo
Alguém me ajuda a tirar essa bordinha escrota kkkjj... Eu sei que é no CSS, e quem rir do meu CSS vai levar um tapa, ta tudo ai...



Código:
body{
 background-color: #FFFFFF;
 font-family: sans-serif;
}

#menu ul {
 padding:0px;
 margin-top:0px;
 background-color:#10579E;
 list-style:none;
 width: 100%;
 height: 40px;
 color: #FFFFFF;
}

#menu ul li { display: inline; color: #FFFFFF; }

#menu ul li a {
 padding: 10px 20px;
 display: inline-block;
 
 /* visual do link */
 text-decoration: none;
 color: #FFFFFF;
}

#menu ul li a:hover {
 background-color:#10579E;
 color: #FFFFFF;
 border-bottom:5px solid #A71616;
}

Código:
<html>
<head>
<title>Genious Art</title>
<meta name="description" content="Um grupo de designers querendo crescer no ramo">
<meta name="keywords" content="Design">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
<link rel="stylesheet" type="text/css" href="css/genious.css">
</head>
<body>

<nav id="menu">
   <ul>
      <li><a href="#">Home</a></li>
      <li><a href="#">Produtos</a></li>
      <li><a href="#">Missão</a></li>
      <li><a href="#">Links</a></li>
      <li><a href="#">Contato</a></li>
   </ul>
</nav>

</body>
</html>



Última edição por Alphanumerical em Dom Nov 01, 2015 8:20 pm, editado 1 vez(es)

2 Re: Como tira essa bordinha em Dom Nov 01, 2015 8:18 pm

avatarDeveloper
Isso nem é bem uma borda. Tipo, isso é o espaço que o menu não ocupou. Para isso você pode utilizar a propriedade padding.

Exemplo:
Código:
.seletor {
padding: 10px;
}

Entendeu?

3 Re: Como tira essa bordinha em Dom Nov 01, 2015 8:18 pm

Administrador

Coloque seu código HTML aqui.

4 Re: Como tira essa bordinha em Dom Nov 01, 2015 8:23 pm

avatarMembro Ativo
Já botei, mas com a dica do Fraise, meu menu ficou meio gordo.

5 Re: Como tira essa bordinha em Dom Nov 01, 2015 8:24 pm

avatarDeveloper
Troque o CSS por este:
Código:
body{
 background-color: #FFFFFF;
 font-family: sans-serif;
}

#menu ul {
 padding:0px;
 margin-top: -10px;
 margin-left: -10px;
 padding-left: 2px;
 width: auto !important;
 height: auto !important;
 background-color:#10579E;
 list-style:none;
 width: 100%;
 height: 40px;
 color: #FFFFFF;
}

#menu ul li { display: inline; color: #FFFFFF; }

#menu ul li a {
 padding: 10px 20px;
 display: inline-block;
 
 /* visual do link */
 text-decoration: none;
 color: #FFFFFF;
}

#menu ul li a:hover {
 background-color:#10579E;
 color: #FFFFFF;
 border-bottom:5px solid #A71616;
}

6 Re: Como tira essa bordinha em Dom Nov 01, 2015 8:25 pm

avatarMembro Ativo
Resolvido, podem fechar <3


__________________________________

7 Re: Como tira essa bordinha em Dom Nov 01, 2015 8:27 pm

avatarDeveloper
Questão resolvida.

Conteúdo patrocinado

Mensagem - Página 1 de 1

Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum