Preguntas etiquetadas con css

En realidad, tengo dos problemas, pero primero resuelva el problema principal, ya que creo que el otro es más fácil de abordar. Tengo una posición fija div en el lado izquierdo del desplazamiento para un menú. El lado derecho es un div estándar que se desplaza correctamente. El problema es …

150 javascript  css  scroll  overflow  css-position 

Tengo una lista selecta de géneros. Código: <select> <option>male</option> <option>female</option> <option>others</option> </select> Quiero usar una imagen en la lista desplegable como drop-down-icon.jpeg. Quiero agregar un botón en lugar del icono desplegable. ¿Como hacer eso?

150 html  css 

Considere el siguiente ejemplo: ( demostración en vivo aquí ) $(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> Ejecutar fragmento de códigoOcultar resultadosExpandir fragmento …

150 html  css  ellipsis 

Me gustaría diseñar lo siguiente: formas.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 ejemplo, ¿cómo se ajusta una clase o ID para el subject, email, messagepara proporcionar una …

150 css  django  django-forms 

Este es un error que estoy obteniendo en Chrome y desafortunadamente buscarlo no me ha dado muchos resultados. La fuente en sí está apareciendo correctamente. Sin embargo, todavía recibo este error / advertencia. Más específicamente, esta es la advertencia completa: "Error al decodificar la fuente descargada: http: // localhost: 8000 …

149 css  html  fonts 

Realmente quiero hacer que un texto parpadee al estilo de la vieja escuela sin usar javascript o decoración de texto. ¡Sin transiciones, solo * parpadeo *, * parpadeo *, * parpadeo *! EDITAR : Esto es diferente de esa pregunta porque pido parpadeo sin transiciones continuas, mientras que OP de …

149 html  css  css-animations  blink 

Utilizo elementos de lienzo html5 para cambiar el tamaño de las imágenes en mi navegador. Resulta que la calidad es muy baja. Encontré esto: deshabilite la interpolación al escalar un <canvas> pero no ayuda a aumentar la calidad. A continuación se muestra mi código css y js, así como la …

149 javascript  css  html  canvas  html5-canvas 

CodePen: http://codepen.io/anon/pen/RPNpaP . Quiero que el cuadro rojo tenga solo 25 em de ancho cuando está en la vista de lado a lado; estoy tratando de lograr esto configurando el CSS dentro de esta consulta de medios: @media all and (min-width: 811px) {...} a: .flexbox .red { width: 25em; } …

149 html  css  flexbox 

Necesito centrar alinear un menú horizontal. He probado varias soluciones, incluida la combinación de inline-block/ block/ center-alignetc., pero no he tenido éxito. Aquí está mi 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" id="node_id_66"><div><a …

148 css  xhtml  menuitem 

Desde que se cambió del diseño TABLE al diseño DIV, un problema común sigue siendo: PROBLEMA : llenas tu DIV con texto dinámico e inevitablemente hay una palabra súper larga que se extiende sobre el borde de tu columna div y hace que tu sitio se vea poco profesional. RETRO-WHINING …

148 css  layout  html 

Tengo un número indeterminado de elementos de celda de tabla dentro de un contenedor de tabla. <div style="display:table;"> <div style="display:table-cell;"></div> <div style="display:table-cell;"></div> </div> ¿Hay una manera pura de CSS para que las celdas de la tabla tengan el mismo ancho incluso si tienen contenido de diferente tamaño dentro de ellas? …

148 html  css  html-table 

Estoy escribiendo una página donde necesito una tabla HTML para mantener un tamaño establecido. Necesito los encabezados en la parte superior de la tabla para permanecer allí en todo momento, pero también necesito que el cuerpo de la tabla se desplace sin importar cuántas filas se agreguen a la tabla. …

148 javascript  html  css  html-table 

Quiero centrar una imagen de fondo. No se usa div, este es el estilo CSS : body{ background-position:center; background-image:url(../images/images2.jpg) no-repeat; } El CSS de arriba se repite y lo centra, pero la mitad de la imagen no se ve, simplemente se mueve hacia arriba. Lo que quiero hacer es centrar …

148 css 

Me topé con esta pregunta y noté que el usuario está usando alguna notación que nunca había visto antes: @font-face { /* CSS HERE */ } Entonces, ¿es este @símbolo algo nuevo en CSS3, o algo viejo que de alguna manera he pasado por alto? ¿Es algo así como dónde …

148 css  syntax  symbols 

Necesito esquinas redondeadas en un div padre para enmascarar el contenido de su niño. overflow: hiddenfunciona en situaciones simples, pero se rompe en los navegadores basados ​​en webkit y Opera cuando el padre está posicionado de forma relativa o absoluta. Esto funciona en Firefox e IE9: CSS #wrapper { width: …

147 html  rounded-corners  css