Preguntas etiquetadas con css

Me acabo de encontrar con un problema muy extraño que solo aparece en Safari 10. Tengo naipes, imágenes svg, que a veces se rotan usando transform:rotate(xdeg). La tarjeta que estoy usando tiene un patrón de bloque rojo. Cuando no está girado o girado en ángulo recto, es decir, 90, 180, …

109 html  css  svg  safari 

En Webkit en iPhone / iPad / iPod, especificar el estilo de una pseudoclase activa para una <a>etiqueta no se activa cuando toca el elemento. ¿Cómo puedo hacer que esto se active? Código de ejemplo: <style> a:active { background-color: red; } </style> <!-- snip --> <a href="#">Click me</a>

109 iphone  css  webkit  mobile-safari  pseudo-class 

Tengo el siguiente controlador de eventos para mi elemento html jQuery("#seek-bar").click(function(e){ var x = e.pageX - e.target.offsetLeft; alert(x); }); Necesito encontrar la posición del mouse en la barra de búsqueda # en el momento de hacer clic. Hubiera pensado que el código anterior debería funcionar, pero da un resultado incorrecto

109 javascript  jquery  html  css  jquery-ui 

En el formulario, tengo un campo de selección y dos de entrada. Estos elementos están alineados verticalmente. Desafortunadamente, no puedo obtener el mismo ancho de estos elementos. Aquí está mi código: <select name="name1" style="width:198px"> <option>value1</option> <option>value2</option> </select><br/> <input type="text" name="id1" style="width:193px"><br/> <input type="text" name="id2" style="width:193px"> Para el ejemplo anterior, el …

109 html  css  html-select  border-box 

De acuerdo con la documentación de arranque de Twitter , debería poder "Ajustar cadenas de texto en una <p>etiqueta para que el color y el interlineado sean los adecuados". Cuando hago esto, en cualquier nivel navbar, simplemente no hereda ninguna de las navbarclases. Envolver la cadena en <a>etiquetas la representa, …

109 html  css  twitter-bootstrap 

Quiero anidar spany aetiquetar. Debería Poner <span>dentro<a> Poner <a>dentro<span> No importa

109 html  css  semantic-markup 

Digamos que tengo este texto que quiero mostrar en una celda de una tabla HTML: Honey Nut Cheerios, Wheat Chex, Grape-Nuts, Rice Krispies, Some random cereal with a very long name, Honey Bunches of Oats, Wheaties, Special K, Froot Loops, Apple Jacks y quiero que la línea se rompa preferentemente …

109 html  css  word-wrap 

Para un proyecto mío (ver BigPictu.re o proyecto GitHub bigpicture.js ), tengo que lidiar con un <div>contenedor potencialmente muy, muy, muy grande . Sabía que existía el riesgo de un rendimiento deficiente con el enfoque simple que uso, pero no esperaba que estuviera presente principalmente con ... ¡Solo Chrome! Si …

109 javascript  html  css  google-chrome 

Estoy trabajando en una aplicación web para la que intento implementar un sistema de ventanas con todas las funciones. En este momento todo va muy bien, solo me encuentro con un problema menor. A veces, cuando voy a arrastrar una parte de mi aplicación (la mayoría de las veces el …

109 javascript  jquery  css  webbrowser-control 

¿Es posible de alguna manera tener solo una sombra de cuadro insertada en un lado de un div? Tenga en cuenta que estoy hablando de una sombra de caja insertada aquí, no de la sombra de caja exterior normal. Por ejemplo, en el siguiente JSFiddle, verá que la sombra insertada …

109 css 

Estoy usando window.print () para imprimir la página, pero el encabezado y el pie de página contienen el título de la página, la ruta del archivo, el número de página y la fecha. ¿Cómo eliminarlos? También intenté imprimir la hoja de estilo. #header, #nav, .noprint { display: none; } Por …

109 css  printing 

Recién estoy comenzando con Bootstrap de Twitter y me pregunto cuáles son las 'mejores prácticas' para la personalización. Quiero desarrollar un sistema que aproveche todo el poder de una plantilla CSS (Bootstrap u otro), sea completa (y fácilmente) modificable, sea sostenible (es decir, cuando la próxima versión de Bootstrap sea …

109 css  twitter-bootstrap  bootswatch 

Estoy tratando de averiguar por qué una de mis clases css parece anular a la otra (y no al revés) Aquí tengo dos clases de css .smallbox { background-color: white; height: 75px; width: 150px; font-size:20px; box-shadow: 0 0 10px #ccc; font-family: inherit; } .smallbox-paysummary { @extend .smallbox; font-size:10px; } y …

109 html  css 

Si coloco el mouse sobre un, divel cursor del mouse se cambiará al cursor como ese en el ancla HTML. ¿Cómo puedo hacer esto? ¿Necesito Javascript o es posible solo con CSS?

109 javascript  css  mouse 

¿Cómo puedo hacer que una etiqueta div html esté encima de todo?

109 html  css