Tengo dos imágenes que deben mantenerse en línea; Quiero escribir un título debajo de cada imagen. <center> <a href="http://example.com/hello"> <img src="hello.png" width="100px" height="100px"> </a>
Quiero que un div esté siempre a la derecha de su div padre, así que lo uso float:right. Funciona. Pero también quiero que no afecte a otro contenido cuando lo inserte, así que lo uso position:absolute. Ahora float:rightno funciona, mi div siempre está a la izquierda de su div padre. ¿Cómo puedo...
Parece que ha habido una actualización reciente de Google Chrome que causa texto borroso después de hacer una transform: scale(). Específicamente estoy haciendo esto: @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform:...
Lo que intento hacer es cambiar el color de la información sobre herramientas a rojo. Sin embargo, también quiero tener varios otros colores, así que no quiero simplemente reemplazar el color original de la información sobre herramientas. ¿Cómo haría para hacer
Utilizando el ejemplo central tomado de la página de ejemplos Javascript Bootstrap 3 para Colapso , he podido mostrar el estado del colapso usando íconos de chevron. Tengo esto trabajando usando: $('#accordion .accordion-toggle').click(function (e) { var chevState =
Quiero mantener la altura de #abc divat 50pxy text para alinear verticalmente en el medio de div. body{ padding: 0; margin: 0; margin: 0px auto; } #main{ position: relative; background-color:blue; width:500px; height:500px; } #abc{ font:Verdana, Geneva, sans-serif; font-size:18px;...
Tengo un elemento de selección, quiero eliminar la flecha, luego puedo agregar otro ícono ... puedo hacerlo para Firefox Safari y Chrome, pero esto no funcionó en IE9 . .styled-select select { border: 0 !important; /*Removes border*/ -webkit-appearance: none; /*Removes default chrome and safari...
¿Es posible hacer un ajuste de cuadrícula CSS sin usar consultas de medios? En mi caso, tengo un número no determinista de elementos que quiero colocar en una cuadrícula y quiero que esa cuadrícula se ajuste. Usando Flexbox, no puedo espaciar bien las cosas de manera confiable. También me gustaría...
Estoy buscando una manera de cambiar las reglas de CSS para los selectores de pseudo-clase (como: link,: hover, etc.) desde JavaScript. Entonces, un análogo del código CSS: a:hover { color: red }en JS. No pude encontrar la respuesta en ningún otro lado; Si alguien sabe que esto es algo que los...
Estoy tratando de hacer que una imagen (colocada dinámicamente, sin restricciones en las dimensiones) sea tan ancha como su división principal, pero solo mientras ese ancho no sea más ancho que su propio ancho al 100%. He intentado esto, en vano: img { width: 100%; height: auto; max-width:...
Estoy usando una imagen transparente de 1x1 con una imagen de fondo, para poder usar sprites y aún así proporcionar texto alternativo para algunos iconos. Quiero usar un URI de datos para la imagen para reducir el número de solicitudes HTTP, pero ¿cuál sería la cadena más pequeña posible para...
Necesito mostrar una imagen en la esquina superior derecha de un div (la imagen es una cinta "diagonal") pero manteniendo el texto actual contenido en un div interno, como pegado en la parte superior. Intenté cosas diferentes como incluir la imagen en otro div o definir su clase como: .ribbon {...
Me doy cuenta de que uno puede especificar un gráfico personalizado para que sea un carácter de viñeta de reemplazo, usando el atributo CSS: list-style-image Y luego dándole una URL. Sin embargo, en mi caso, solo quiero usar el símbolo '+'. No quiero tener que crear un gráfico para eso y luego...
Estoy tratando de reemplazar la flecha de una selección con una imagen propia. Estoy incluyendo la selección en un div con el mismo tamaño, configuré el fondo de la selección como transparente e incluyo una imagen (con el mismo tamaño que la flecha) en la esquina superior derecha del div como...
На этот вопрос есть ответы на Stack Overflow на русском : scroll & padding Tengo un pequeño problema al tratar de mantener mis páginas .html con un ancho constante en Chrome. Por ejemplo, tengo una página (1) con una gran cantidad de contenido que desborda la altura...
Tengo un sitio web de arranque en el que se agrega el conmutador de hamburguesas cuando el tamaño de la pantalla es inferior a 992px. El código es así: <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"...
¿Es posible controlar la longitud y la distancia entre los trazos de borde punteado en CSS? Este ejemplo a continuación se muestra de manera diferente entre los navegadores: div { border: dashed 4px #000; padding: 20px; display: inline-block; } <div>I have a dashed border!</div>...
Investigando la especificidad me topé con este blog: http://www.htmldog.com/guides/cssadvanced/specificity/ Establece que la especificidad es un sistema de puntuación para CSS. Nos dice que los elementos valen 1 punto, las clases valen 10 puntos y las ID valen 100 puntos. También va en la parte...
He visto esto muchas veces que la posibilidad de un relleno negativo podría ayudar a que el desarrollo de CSS de ciertos elementos de la página sea mejor y más fácil. Sin embargo, no hay ninguna disposición para un relleno negativo en el CSS del W3C. Cuál es la razón detrás de esto? ¿Hay alguna...
Estoy usando PHP DOM y estoy tratando de obtener un elemento dentro de un nodo DOM que tenga un nombre de clase dado. ¿Cuál es la mejor manera de obtener ese subelemento? Actualización: terminé usando MechanizePHP, que era mucho más fácil de