Estoy tratando de controlar videos HTML5 usando JQuery. Tengo dos clips en una interfaz con pestañas, hay seis pestañas en total, los otros solo tienen imágenes. Estoy tratando de hacer que los videoclips se reproduzcan cuando se hace clic en su pestaña y luego se detiene cuando se hace clic en...
Sé que la configuración margin: 0 auto;de un elemento se usa para centrarlo (izquierda-derecha). Sin embargo, sé que el elemento y su elemento primario deben cumplir ciertos criterios para que funcione el margen automático, y parece que nunca puedo obtener la magia correcta. Entonces, mi pregunta...
Este es el CSS: div { width: 0; height: 0; border: 180px solid red; border-radius: 180px; } ¿Cómo produce el círculo de abajo? Supongamos que si el ancho de un rectángulo es de 180 píxeles y la altura es de 180 píxeles, entonces se vería así: Después de aplicar un radio de borde de 30...
Creé un menú horizontal usando listas HTML y CSS. Todo funciona como debería, excepto cuando pasa el mouse sobre los enlaces. Verá, creé un estado de desplazamiento en negrita para los enlaces, y ahora los enlaces del menú cambian debido a la diferencia de tamaño en negrita. Me encuentro con el...
Tengo un lapso con datos dinámicos en mi página, con ellipsisestilo. .my-class { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 71px; } <span id="myId" class="my-class"></span> document.getElementById('myId').innerText = "..."; Me gustaría agregar a este...
Actualmente, cuando el ancho del navegador cae por debajo de 768 px, la barra de navegación cambia al modo contraído. Quiero cambiar este ancho a 1000 px, de modo que cuando el navegador esté por debajo de 1000 px, la barra de navegación cambie al modo contraído. Quiero hacer esto sin usar MENOS,...
Tengo 2 divs uno al lado del otro en una caja flexible. El de la derecha siempre debe tener el mismo ancho, y quiero que el de la izquierda solo tome el espacio restante. Pero no lo hará a menos que establezca específicamente su ancho. Entonces, en este momento, está configurado en 96%, lo que se...
Tengo una tabla simple que se usa para una bandeja de entrada de la siguiente manera: <table border="1"> <tr> <th>From</th> <th>Subject</th> <th>Date</th> </tr> ¿Cómo configuro el ancho para que Desde y Fecha sean el 15% del ancho de la...
Como puede ver en el CSS a continuación, quiero child2posicionarme antes child1. Esto se debe a que el sitio que estoy desarrollando actualmente también debería funcionar en dispositivos móviles, en el que child2debería estar en la parte inferior, ya que contiene la navegación que quiero debajo del...
¡He estado usando el marco de arranque de Twitter durante bastante tiempo y recientemente se actualizaron a la versión 3! Tengo problemas para que el pie de página adhesivo se pegue en la parte inferior, he usado la plantilla de inicio suministrada por el sitio web de arranque de twitter, pero...
Estoy trabajando para una fundación que crea conciencia sobre la accesibilidad en Internet. Para una presentación, queremos ofrecer un pequeño taller que simule diferentes discapacidades / impedimentos para las personas. Esto se realiza a través de un sitio web creado especialmente para esta...
¿Es posible definir un estilo CSS para un elemento, que solo se aplica si el elemento coincidente contiene un elemento específico (como elemento secundario directo)? Creo que esto se explica mejor con un ejemplo. Nota : Estoy tratando de diseñar el elemento primario , dependiendo de los elementos...
Tengo una aplicación web móvil con una lista desordenada que contiene varios elementos de lista con un hipervínculo dentro de cada li: ... Mi pregunta es cómo puedo formatear los hipervínculos para que NO cambien de tamaño cuando se ven en un iPhone, y el acelerómetro cambia de vertical ->...
Tengo un sitio que es principalmente para usuarios móviles pero también para escritorio. En Mobile Safari, el uso <input type="number">funciona muy bien porque muestra el teclado numérico en los campos de entrada que solo deben contener números. Sin embargo, en Chrome y Safari, el uso de...
¿Hay alguna manera de desactivar el colapso de margen por completo? Las únicas soluciones que he encontrado (por el nombre de "colapso") implican usar un borde de 1px o un relleno de 1px. Esto me parece inaceptable: el píxel extraño complica los cálculos sin una buena razón. ¿Hay alguna forma más...
¿Cuál es la forma correcta de poner el texto en cursiva? He visto los siguientes cuatro enfoques: <i>Italic Text</i> <em>Italic Text</em> <span class="italic">Italic Text</span> <span class="footnote">Italic Text</span> <i> Esta es la...
Digamos que tengo este HTML: <h3>Features</h3> <ul> <li><img src="alphaball.png">Smells Good</li> <li><img src="alphaball.png">Tastes Great</li> <li><img src="alphaball.png">Delicious</li> <li><img...
Aquí está mi HTML: <select id="ddlProducts" name="ddProducts"> <option>Product1 : Electronics </option> <option>Product2 : Sports </option> </select> Quiero poner en negrita el nombre del producto (es decir, 'Producto1', 'Producto2', etc.) y sus categorías...
Me gustaría desvanecer un elemento (pasando su opacidad a 0) y luego, cuando termine, eliminar el elemento del DOM. En jQuery esto es sencillo ya que puede especificar que "Eliminar" suceda después de que se complete una animación. Pero si deseo animar usando transiciones CSS3, ¿hay alguna forma...
Estoy seguro de que hay una solución simple para este problema. Básicamente, si tengo dos columnas, ¿cómo puedo agregar un espacio entre ellas? por ejemplo, si el html es: <div class="col-md-6"></div> <div class="col-md-6"></div> El resultado sería simplemente dos...