Estou tentando criar uma parede de imagens com fotos de produtos. Infelizmente, todos eles têm alturas e larguras diferentes. Como posso usar css para fazer com que todas as imagens tenham o mesmo tamanho? de preferência 100 x 100. Eu estava pensando em fazer um div com altura e largura de...
Atualmente, tenho algo como: <div class="row"> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div
Esta é minha barra de navegação simples: <div class="navbar navbar-fixed-top myfont" role="navigation"> <div class=""> <ul class="nav navbar-nav navbar-left"> <li> <a class="navbar-brand" href="#"> <img src="assets/img/logo.png"/> </a>...
Eu tenho um contêiner flexível com dois itens flexíveis. Eu quero definir um margin-top no segundo, mas apenas quando estiver embrulhado e não na primeira linha flexível. Se possível, quero evitar o uso de consultas de mídia. Achei que a margem inferior do primeiro elemento poderia ser uma...
Quero criar um tutorial que levará o usuário exatamente onde clicar. Estou tentando cobrir todo o ecrã com um <div>que irá dim todos os elementos exceto uma região específica que está em um fixo width, height, tope left. O problema é que não consigo encontrar uma maneira de "cancelar" o...
Meu único problema é fazer com que eles se alinhem com três lados e tenham espaçamento igual. Aparentemente, spans não podem ter largura e divs (e spans com display: block) não aparecem horizontalmente um ao lado do outro. Sugestões? <div style='width:30%; text-align:center; float:left;...
Estou imaginando como é possível mostrar permanentemente a barra vertical de uma div (esmaecida se não houver rolagem) semelhante às nossas barras normais. Basicamente, estou tentando colocar um site inteiro em uma div (como gmail / facebook), então se a página não for longa o suficiente, a...
(Não deve ser confundido com Xunit , uma popular biblioteca de teste de unidade .Net.) Hoje, em um ataque de tédio, comecei a inspecionar o DOM do Gmail (sim, eu estava muito entediado). Tudo parecia muito simples até que notei uma especificação interessante sobre as larguras de certos...
Se eu tiver: #logo { width: 400px; height: 200px; } então <img id="logo" src="logo.jpg"/> vai se esticar para preencher esse espaço. Quero que a imagem permaneça do mesmo tamanho, mas ocupe muito espaço no DOM. Tenho que adicionar um encapsulamento <div>ou <span>? Eu...
Tenho um problema peculiar e frustrante. Para a marcação simples: <table> <thead> <tr><th>1</th><th>2</th><th>3</th></tr> </thead> <tbody>
Muitas ferramentas / APIs fornecem maneiras de selecionar elementos de classes ou IDs específicos. Também é possível inspecionar as folhas de estilo brutas carregadas pelo navegador. No entanto, para os navegadores renderizarem um elemento, eles compilarão todas as regras CSS (possivelmente de...
Eu faço um site de administração do Django usando Django versão de desenvolvimento do Django Mas não tem um estilo CSS: o que eu posso fazer? obrigado
На этот вопрос есть ответы на Stack Overflow на русском : Div. Занять оставшееся место Como posso fazer um div preencher a largura restante? <div id="Main" style="width: 500px;"> <div id="div1" style="width: 100px;"></div> <div...
Estou procurando uma maneira de fazer o seguinte. Eu adiciono a <div>a uma página, e um retorno de chamada ajax retorna algum valor. O <div>é preenchido com valores da chamada ajax e <div>é, então, anexado a outro <div>, que atua como uma coluna da tabela. Gostaria de...
O código está aqui: http://lasers.org.ru/vs/example.html Como remover um espaço vazio sob o bloco principal (#page)?
Preciso de uma notificação no estilo do Facebook, mas conseguir algo que pareça bom em qualquer navegador parece complicado. Por exemplo, navegadores diferentes parecem tratar os preenchimentos de maneira diferente, resultando em notificações de aparência estranha. Qual é a melhor maneira...
Estou tendo um problema com a altura da linha que não consigo entender. O código a seguir centralizará uma imagem em um div: CSS .bar { height: 800px; width: 100%; line-height:800px; background-color: #000; text-align: center; } .bar img { vertical-align: middle; } HTML <div...
Digamos que tenho <div class="myDiv">Hi there</div> Quero colocar um background-imagee dar um opacityde 0.5- mas quero que o texto que escrevi tenha opacidade total ( 1). Se eu escrever o CSS assim .myDiv { opacity:0.5 } tudo ficará em baixa opacidade - e eu não quero...
Dado o seguinte HTML e CSS, não vejo absolutamente nada em meu navegador (Chrome e IE mais recentes no momento da escrita). Tudo se reduz a 0 x 0 px. Por quê? <!DOCTYPE html> <html> <head> <style type="text/css"> section { display: table; height: 100%;...
Existe uma maneira de dimensionar a largura de um <input type="text">para a largura do valor real? input { display: block; margin: 20px; width: auto; } <input type="text" value="I've had enough of these damn snakes, on this damn plane!" /> <input type="text" value="me too"...