Ir para conteúdo

POWERED BY:

Arquivado

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

Guilherme Wathier

[Resolvido] Tirar borda

Por , em Desenvolvimento frontend

Recommended Posts

Guilherme Wathier    1

Guilherme Wathier
Postado

Galera eu estou criando um layout, ai eu criei um box a direita mais não sei como tirar a borda que indica a imagem, lembrando que a borda não tem nada ver com a box a borda é do meu logo acima, se alguem poder me dar uma orientação de como tirar, ficaria grato.

 

33fal36.png

 

HTML:

<!DOCTYPE html><!--[if IE 6]><html id="ie6" dir="ltr" lang="pt-BR"><![endif]-->
<!--[if IE 7]><html id="ie7" dir="ltr" lang="pt-BR"><![endif]-->
<!--[if IE 8]><html id="ie8" dir="ltr" lang="pt-BR"><![endif]-->
<!--[if !(IE 6) | !(IE 7) | !(IE 8)]><!--><html dir="ltr" lang="pt-BR"><!--<![endif]-->
<head><title>Layout para Meu Meta Blog!</title><link rel="stylesheet" href="estilo.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<link rel="alternate" type="application/rss+xml" title="Suporte Blogger RSS" href="http://feeds.feedburner.com/titulodofeed" />
<meta name="author" content="Guilherme Wathier" />
<link rel="canonical" href="http://www.suporteblogger.com/" />
<link rel="next" href="http://www.suporteblogger.com/page/2" />
</head>	
<body>
<!-- TOPO ANTES DO HEADER -->
<div id="header_topo">
<nav id="topo_menuc"><ul>
<div class="espaco">
<li><a href="#" style="background:#272727;">home</a></li>
<li><a href="#">sobre</a></li>
<li><a href="#">contato</a></li>
<li><a href="#">tutoriais</a></li>
<li><a href="#">ferramentas</a></li>

<div class="midiasb">
<li><a href="#" style="color:#069; font-weight:bold;">t</a></li>
<li><a href="#" style="color:#069; font-weight:bold;">f</a></li>
<li><a href="#" style="color:#069; font-weight:bold;">g</a></li>
<li><a href="#" style="color:#069; font-weight:bold;">l</a></li>
</div></div></ul></nav></div>
<!-- FECHA TOPO ANTES DO HEADER -->

<!-- HEADER -->
<header id="header">
<div class="espaco">
<div id="box_topo">
</div>
</div>
</header>
<!-- FIM HEADER -->
</body>
</html>

 

CSS:

*{margin:0; padding:0;}
.espaco{width:1000px; margin:0 auto; position:relative;}

/* TOPO ANTES DO HEADER */
#header_topo{height:36px; background:#333; border-bottom:1px solid #000; z-index:2; position:relative;}

#topo_menuc ul{height:50px;}
#topo_menuc ul li{float:left; position:relative; list-style:none;}
#topo_menuc ul li:hover{visibility:inherit; /* Bug IE7*/ background:#272727;}
#topo_menuc ul li a{text-decoration:none; font:14px "arial"; height:20px; vertical-align:middle; float:left; padding:10px 10px 6px; color:#fff;}
#topo_menuc ul li:hover ul{display:block;}
#topo_menuc ul li a:hover{visibility:inherit;}

.midiasb{display:inline; float:left; margin-left:150px;}
.midiasb li{margin:0 2px; background:#272727;}
.midiasb li a:hover{background:#191919;}
/* FECHA TOPO ANTES DO HEADER */

/* HEADER */
#header{height:150px; background:#069; border-bottom:1px solid #333; z-index:3; position:relative;}

#box_topo{width:230px; height:50px; background:#333; border-bottom:1px solid #000; border-right:1px solid #000; border-left:1px solid #000; float:right;}
/* FIM HEADER */

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Wathier    1

Guilherme Wathier
Postado

Eu coloquei mais não funcionou, tem mais algum jeito?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

compense com um valor negativo, colocando por cima da borda:

 

#box_topo { position: relative; top: -1px; }

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Wathier    1

Guilherme Wathier
Postado

Muito Obrigado galera eu consegui :grin:

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito