Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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.
/applications/core/interface/imageproxy/imageproxy.php?img=http://i46.tinypic.com/33fal36.png&key=cccd3caac4675004c1800fa9f230a210da049811f6b8c994ee4175a76b38e575" alt="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><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><!-- HEADER -->
<header id="header">
<div class="espaco">
<div id="box_topo">
</div>
</div>
</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 /
Carregando comentários...