Search the Community
Showing results for tags 'margem'.
Found 4 results
-
Bom dia, Como faço para gerar um arquivo .doc (Microsoft Word) através de javascript com margens customizadas? Sei que para gerar o css corretamente tenho que gerar inline mas não consigo definir a margem de jeito algum. Poderiam me ajudar por gentileza?
-
Oi pessoal. Estou criando um menu e estou com certa dificuldade. Nos itens que "vão para baixo" há um espaço em branco na esquerda que não consigo tirar de jeito nenhum, como vocês podem ver na imagem. Meus códigos HTML e CSS estão logo abaixo. Se puderem me ajudar, agradeceria muito :) <body> <div id="banner"> </div> <div id="menu"> <nav> <ul class="menu"> <li><a href="#">Index</a> </li> <li><a href="#">A Série</a> </li> <li><a href="#">Personagens</a> <ul> <li><a href="#">Ted Mosby</a></li> <li><a href="#">Robin Scherbatsky</a></li> <li><a href="#">Barney Stinson</a></li> <li><a href="#">Marshall Eriksen</a></li> <li><a href="#">Lily Aldrin</a></li> </ul> </li> <li><a href="#">Episódios Especiais</a> </li> <li><a href="#">Entre em contato</a> </li> </div> .menu{ list-style:none; } .menu li{ position:relative; float:left; } .menu li a{ color:black; text-decoration:none; padding:10px 85px; display:block; } .menu li a:hover{ background:#4C7EA5; color:#fff; text-shadow:0px 0px 5px #fff; } .menu li ul{ position:absolute; top:100%; left:0; background-color:#fff; display:none; } .menu li:hover ul, .menu li.over ul{ display:block; } .menu li ul li{ display:block; width:100%; }
-
Boa tarde. Estou fuçando no html e css para tentar aprender e tenho 02 dúvidas: 1. Como retiro a margem do lado esquerdo e do topo ? 2. Se eu fizer um menu, eu deixo ele no header ou no body ? Obrigado.
-
Olá mais uma vez, Estou com um problema relativamente estranho, tenho alguns itens dentro de uma div pai que são gerados dinamicamente com php. Eu listei eles no css para que se exibissem um do lado do outro, como um float, só que usei o display: inline-block para isso. Funciona normal, só que em determinados itens ele apresenta uma estranha margem, o que fazer? O Código HTML (Lembrando que o conteúdo é gerado por PHP dinamicamente): <div class="produtos"> <div class="produto"> <img src="#" alt="" /> <div> <h4><a href="#">Nome do produto</a></h4> </div> </div><!-- produto --> </div><!-- produtos --> E o código CSS: .produtos{width:100%; height:auto; text-align:center;} .produtos .produto{width:240px; height:300px; margin:10px 2px; display:inline-block; border:1px solid #ccc; border-radius:5px;} .produtos .produto img{width:100%; height:150px; margin:0; padding:20px 0;} .produtos .produto div{width:100%; height:100px; background-color:#f8f8f8;} .produtos .produto div h4 a{color:#000;} Aqui vai um print de como ficou o resultado: Obrigado ;)
- 3 replies
-
- display
- inline-block
- (and 4 more)