¿Sabe cómo ocultar el clásico icono de "Imagen no encontrada" de una página HTML renderizada cuando no se encuentra un archivo de imagen? ¿Algún método de trabajo que utilice JavaScript / jQuery / CSS?
Sé que para alinear el texto verticalmente a la mitad de un bloque, estableces la altura de la línea a la misma altura del bloque. Sin embargo, si tengo una oración con una palabra en el medio, eso es 2em. Si toda la oración tiene una altura de línea igual a la del bloque contenedor, entonces...
No estoy seguro de entender completamente la diferencia entre estos dos. ¿Alguien puede explicar por qué usaría uno sobre el otro y en qué se diferencian?
Considere el siguiente código : HTML: <div> <label for='name'>Name:</label> <input type='text' id='name' /> </div> CSS: div { height: 50px; border: 1px solid blue; } ¿Cuál sería el método más fácil para poner labely inputen el medio de...
Tengo el siguiente mensaje (ligeramente cambiado): "Participe en la competencia antes del 30 de enero de 2011 y podría ganar hasta $$$$, ¡incluidos viajes de verano increíbles!" Actualmente tengo: <p style="font-size:14px; color:#538b01; font-weight:bold;
El evento final de transición de Webkit se llama webkitTransitionEnd, Firefox es transitionEnd, opera es oTransitionEnd. ¿Cuál es una buena forma de abordarlos todos en JS puro? ¿Debería rastrear el navegador? o implementar cada uno por separado? ¿De alguna otra forma que no se me haya...
He creado algunos elementos DOM bastante elaborados con un pseudo-elemento: after, y me gustaría poder inspeccionarlos y modificarlos en Chrome Inspector o Firebug o equivalente. A pesar de que esta característica se menciona en esta publicación de blog de WebKit / Safari (con fecha de 2010),...
En mi sitio web utilizo reset.css. Agrega exactamente esto a los estilos de lista: ol, ul { list-style: none outside none; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd,...
Actualmente estoy usando este código para generar una lista: <ul ng-cloak> <div ng-repeat="n in list"> <li><a href="{{ n[1] }}">{{ n[0] }}</a></li> <li class="divider"></i> </div> <li>Additional item</li> </ul> Sin...
Estoy intentando agregar este código a un elemento div creado dinámicamente style = "width:330px;float:left;" El código en el que crea la dinámica dives var nFilter = document.createElement('div'); nFilter.className = 'well'; nFilter.innerHTML = '<label>' + sSearchStr +...
Tengo un div plegable CSS puro que se basa en el código de otra persona que usa la :targetpsuedoclass. Lo que estoy tratando de configurar es una página con más de 12 preguntas, y cuando haces clic en el botón +, el div de respuesta se expande debajo. No puedo averiguar cómo hacer varios...
Por lo tanto, es posible tener una animación inversa con el mouse, como: .class{ transform: rotate(0deg); } .class:hover{ transform: rotate(360deg); } pero, al usar la animación @keyframes, no pude hacer que funcione, por ejemplo: .class{ animation-name: out;
esto es lo que tengo Fiddle ul { display: flex; justify-content: flex-start; flex-direction: row; align-items: center; width: 100%; height: 100px; background: #333; padding: 15px; } ul li { padding: 15px; margin: 5px; background: #efefef; border: 1px solid #ccc; display:...
Pido disculpas si esta pregunta ya ha sido respondida. Intenté buscar soluciones pero no pude encontrar ninguna que se adaptara a mi código. Todavía soy nuevo en jQuery. Tengo dos tipos diferentes de menús adhesivos para dos páginas diferentes. Aquí está el código para
Tengo un elemento con estilo position: relative; transition: all 2s ease 0s; Luego, quiero cambiar su posición sin problemas después de hacer clic en él, pero cuando agrego el cambio de estilo, la transición no tiene lugar, sino que el elemento se mueve
En iOS (Safari 5) tengo que seguir para el elemento de entrada (sombra interior superior): Quiero eliminar la sombra superior, el error -webkit-appearanceno se guarda. El estilo actual es: input { border-radius: 15px; border: 1px dashed #BBB; padding: 10px; line-height: 20px;...
Estaba luchando con la configuración de libsass ya que no era tan sencillo como el transpilador basado en Ruby. ¿Alguien podría explicar cómo: instalar libsass? usarlo desde la línea de comando? usarlo con corredores de tareas como gulp y gruñido? Tengo poca experiencia con administradores...
Quiero que los elementos flexibles estén centrados, pero cuando tenemos una segunda línea, tener 5 (de la imagen de abajo) debajo de 1 y no centrados en el padre. Aquí hay un ejemplo de lo que tengo: ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;...
Estoy tratando de centrar los elementos internos de una <button>etiqueta con flexbox justify-content: center. Pero Safari no los centra. Puedo aplicar el mismo estilo a cualquier otra etiqueta y funciona según lo previsto (consulte la <p>etiqueta -etiqueta). Solo el botón está...
Como puede ver, list-itemsel primero rowtiene lo mismo height. Pero los elementos del segundo rowtienen diferentes heights. Quiero que todos los artículos tengan uniforme height. ¿Hay alguna forma de lograr esto sin dar una altura fija y solo usando flexbox ? Aquí está mi code .list {...