En angularjs tiene la etiqueta ng-src que tiene el propósito de que no recibirá un error por una URL no válida antes de que angularjs pueda evaluar las variables ubicadas entre {{y }}. El problema es que uso bastantes DIV con un background-imageconjunto en una url. Hago esto debido a la excelente...
Tengo algo de CSS que al pasar el mouse, un efecto de transición de CSS moverá un div. El problema, como puede ver en el ejemplo, es que la translatetransición tiene el horrible efecto secundario de hacer que la imagen en el div se mueva 1px hacia abajo / derecha (¿y posiblemente cambiar el tamaño...
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 que...
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...
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...
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:...
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...
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...
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 : Esto nunca...
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...
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...
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 con una identificación que usa #y...
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...
Me gustaría poner un grupo de divelementos de ancho fijo en un contenedor y hacer que aparezca la barra de desplazamiento horizontal. Los elementos div/ spandeben aparecer en una línea, de izquierda a derecha en el orden en que aparecen en el HTML (esencialmente sin envolver). De esta manera,...
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...
Estoy usando Twitter Bootstrap y tengo un mapa de Google. Las imágenes en el mapa, como el marcador, están sesgadas por el CSS en Bootstrap. En el CSS de Bootstrap hay: img { border: 0 none; height: auto; max-width: 100%; } Cuando desactivo la max-widthpropiedad usando Firebug, la imagen del...
¿Por qué poner _delante del nombre del archivo en scss? _filename.scss- ¿Por qué lo necesita
Me gustaría tener A By Calineado en el medio. ¿Cómo puedo llegar Da ir completamente a la derecha? ANTES DE: DESPUÉS: ul { padding: 0; margin: 0; display: flex; flex-direction: row; justify-content: center; align-items: center; } li { display: flex; margin: 1px; padding: 5px;...
Tengo una celda de tabla que siempre me gustaría tener un ancho particular. Sin embargo, no funciona con grandes cadenas de texto sin espacio. Aquí hay un caso de prueba: td { border: solid green 1px; width: 200px; overflow: hidden; } <table> <tbody> <tr> <td>...
Parece que en IE, el ancho incluye el tamaño del relleno. mientras que en FF, el ancho no. ¿Cómo puedo hacer que ambos se comporten