Perguntas com a marcação «css»

Na verdade, tenho dois problemas, mas vamos resolver o problema principal primeiro, pois acredito que o outro é mais fácil de resolver. Eu tenho uma posição fixa div no lado esquerdo do pergaminho para um menu. O lado direito é uma div padrão que rola corretamente. O problema é que, …

150 javascript  css  scroll  overflow  css-position 

Eu tenho uma lista selecionada de sexos. Código: <select> <option>male</option> <option>female</option> <option>others</option> </select> Quero usar uma imagem na lista suspensa como drop-down-icon.jpeg. Quero adicionar um botão no lugar do ícone suspenso. Como fazer isso?

150 html  css 

Considere o seguinte exemplo: ( demonstração ao vivo aqui ) $(function() { console.log("width = " + $("td").width()); }); td { border: 1px solid black; width: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <table> <tbody> <tr> <td>Hello Stack Overflow</td> </tr> </tbody> </table> Executar snippet de códigoOcultar resultadosExpandir snippet …

150 html  css  ellipsis 

Gostaria de estilizar o seguinte: forms.py: from django import forms class ContactForm(forms.Form): subject = forms.CharField(max_length=100) email = forms.EmailField(required=False) message = forms.CharField(widget=forms.Textarea) contact_form.html: <form action="" method="post"> <table> {{ form.as_table }} </table> <input type="submit" value="Submit"> </form> Por exemplo, como faço para definir uma classe ou ID para a subject, email,message para fornecer …

150 css  django  django-forms 

Esse é um erro que estou recebendo no Chrome e, infelizmente, procurá-lo não me deu muitos resultados. A fonte em si está aparecendo corretamente. No entanto, ainda recebo esse erro / aviso. Mais especificamente, este é o aviso completo: "Falha ao decodificar a fonte baixada: http: // localhost: 8000 / …

149 css  html  fonts 

Eu realmente quero fazer um pedaço de texto piscar no estilo da velha escola sem usar javascript ou decoração de texto. Sem transições, apenas * piscam *, * piscam *, * piscam *! EDIT : Isso é diferente dessa pergunta, porque eu peço piscar sem transições contínuas, enquanto o OP …

149 html  css  css-animations  blink 

Eu uso elementos de tela html5 para redimensionar imagens no meu navegador. Acontece que a qualidade é muito baixa. Encontrei o seguinte: Desativar interpolação ao dimensionar um <canvas> mas isso não ajuda a aumentar a qualidade. Abaixo está o meu código css e js, bem como a imagem scalled com …

149 javascript  css  html  canvas  html5-canvas 

CodePen: http://codepen.io/anon/pen/RPNpaP . Quero que a caixa vermelha tenha apenas 25 cm de largura quando estiver na vista lado a lado - estou tentando conseguir isso definindo o CSS dentro desta consulta de mídia: @media all and (min-width: 811px) {...} para: .flexbox .red { width: 25em; } Mas quando faço …

149 html  css  flexbox 

Preciso centralizar o alinhamento de um menu horizontal. Eu tentei várias soluções, incluindo a combinação de inline-block/ block/ center-alignetc., mas não consegui. Aqui está o meu código: <div class="topmenu-design"> <!-- Top menu content: START --> <ul id="topmenu firstlevel"> <li class="firstli" id="node_id_64"><div><a href="#"><span>Om kampanjen</span></a></div></li> <li id="node_id_65"><div><a href="#"><span>Fakta om inneklima</span></a></div></li> <li class="lastli" …

148 css  xhtml  menuitem 

Desde a mudança do layout TABLE para o layout DIV, um problema comum permanece: PROBLEMA : você preenche seu DIV com texto dinâmico e, inevitavelmente, há uma palavra muito longa que se estende pela borda da coluna div e faz com que seu site pareça não profissional. RETRO-WHINING : Isso …

148 css  layout  html 

Estou escrevendo uma página na qual preciso de uma tabela HTML para manter um tamanho definido. Eu preciso que os cabeçalhos na parte superior da tabela permaneçam lá o tempo todo, mas também preciso que o corpo da tabela role, independentemente de quantas linhas sejam adicionadas à tabela. Pense em …

148 javascript  html  css  html-table 

Quero centralizar uma imagem de fundo. Não há div usada, este é o estilo CSS : body{ background-position:center; background-image:url(../images/images2.jpg) no-repeat; } As peças CSS acima estão espalhadas e centralizam, mas metade da imagem não é vista, apenas meio que sobe. O que eu quero fazer é centralizar a imagem. Eu …

148 css 

Eu me deparei com essa pergunta e notei que o usuário está usando uma notação que nunca tinha visto antes: @font-face { /* CSS HERE */ } Então, esse @símbolo é algo novo no CSS3, ou algo antigo que de alguma forma esqueci? É algo como onde, com um ID …

148 css  syntax  symbols 

Preciso de cantos arredondados em uma div pai para mascarar o conteúdo de seus filhos. overflow: hiddenfunciona em situações simples, mas interrompe os navegadores baseados no webkit e o Opera quando o pai está posicionado relativamente ou absolutamente. Isso funciona no Firefox e IE9: CSS #wrapper { width: 300px; height: …

147 html  rounded-corners  css 

Eu tenho um número indeterminado de elementos de célula de tabela dentro de um contêiner de tabela. <div style="display:table;"> <div style="display:table-cell;"></div> <div style="display:table-cell;"></div> </div> Existe uma maneira CSS pura de obter que as células da tabela tenham largura igual, mesmo que tenham conteúdo de tamanho diferente? Obrigado. Edit: Ter uma …

147 html  css  html-table