¿Cuál es la forma correcta de usar @font-facepara que el navegador no descargue la fuente si el usuario ya la tiene? Estoy usando @ font-face para definir DejaVu, que ya está instalado en mi sistema (linux). Firefox no está descargando la fuente, ¡pero Chromium la está descargando todo el...
Al desarrollar un sitio web para iPad, traté de usar la propiedad CSS overflow: autopara obtener las barras de desplazamiento si es necesario en un div, pero mi dispositivo se niega a mostrarlas incluso si el desplazamiento con dos dedos funciona. Lo intenté con overflow: auto; y overflow:...
¿Cómo puedo ampliar un elemento HTML en Firefox y Opera? La zoompropiedad funciona en IE, Google Chrome y Safari, pero no funciona en Firefox y Opera. ¿Existe algún método para agregar esta propiedad a Firefox y Opera?
Tengo un problema para anular algunos complementos CSS. Editar ese CSS directamente no es realmente una opción, ya que haría que actualizar el complemento fuera más riesgoso. El problema: un elemento tiene posicionamiento absoluto y tiene top: 0px en el original. Quiero anularlo por bottom:...
Hay algo de espacio adicional debajo de la etiqueta textarea. De 1 a 4 píxeles en distintos navegadores. El marcado es muy simple: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <style> body...
Quiero crear una barra de progreso como en la siguiente imagen: No tengo ni idea de cómo crear esto. ¿Debería utilizar técnicas HTML5? ¿Podrías ayudarme a crear esta barra de progreso?
Esto está destinado a un menú. Por ejemplo, tengo un elemento div con 3 intervalos en él, todos los cuales tienen algún margen, ancho máximo y flotante (izquierda o derecha). Se coloca comenzando desde el lado izquierdo y dice así: [[span1][span2][span3] - lots of free space here]. Quiero...
¿Es posible especificar una posición (lado izquierdo o derecho) para la ubicación de una barra de desplazamiento vertical en un div? Por ejemplo, mire esta página que explica cómo utilizar el atributo de desbordamiento. ¿Hay alguna forma de colocar esa barra de desplazamiento en el lado...
Considere el siguiente HTML: <html> <head> <style> TABLE.data TD.priceCell { background-color: #EEE; text-align: center; color: #000; } div.datagrid table { border-collapse: collapse; } div.datagrid table tbody { position: relative; }
¿Alguien sabe si es posible alinear el texto a la derecha de un elemento <select>o más específicamente <option>en WebKit ? No es necesario que sea una solución de varios navegadores, incluido IE, pero debería ser CSS puro si es posible. He probado ambos: select { text-align: right...
Tengo una pregunta sobre la velocidad de renderizado de la propiedad de transición css3. Supongamos que tengo varios elementos: div, span, a {transition: all} div {margin: 2px} span {opacity: .5} a:hover {background-position: left top} div:hover {margin: -100px} span:hover {opacity:...
Tengo un DIVque tiene contentEditable=truepara que el usuario pueda editarlo. El problema es que no parece un campo de texto, por lo que es posible que el usuario no tenga claro que se puede editar. ¿Hay alguna manera de que pueda diseñar el DIVpara que le parezca al usuario un campo de entrada...
Estoy moviendo 6000 elementos div pequeños en un experimento css3 usando una transición de top: 0a top: 145pxpara probar el rendimiento. El uso de aceleración sin hardware funciona sin problemas en Google Chrome. Si habilito la aceleración de hardware a través del translateZ(0)rendimiento, se...
Tengo un contenedor que tiene un% de ancho y alto, por lo que se escala en función de factores externos. Me gustaría que la fuente dentro del contenedor tuviera un tamaño constante en relación con el tamaño de los contenedores. ¿Hay alguna buena forma de hacer esto usando CSS? El font-size:...
Tengo un diálogo modal en mi aplicación que puede ser bastante largo en la dirección y. Esto introduce un problema por el cual parte del contenido del diálogo se oculta en la parte inferior de la página. Me gustaría que la barra de desplazamiento de la ventana desplazara el cuadro de diálogo...
He estado tratando de encontrar código para simular mouseoveren Chrome, pero aunque el oyente "mouseover" se activa, la declaración CSS "hover" nunca se establece. Intenté también hacer: //Called within mouseover listener theElement.classList.add("hover"); Pero nada parece cambiar el...
Si bien el diseño diseños me puse los html, bodyelementos heighta 100%, pero en algunos casos, esto no funciona, así que lo que se debe utilizar? html, body { height: 100%; } o html, body { min-height: 100%; } Bueno, esto no se basa en opiniones ya que cada método tiene sus propios...
¡PRESTA ATENCIÓN! Los iconos de Bootstrap están de vuelta después de la fusión de esta solicitud de extracción . Después de ir y venir sobre esto durante las últimas semanas, he decidido restaurar la fuente del icono de Glyphicons en el repositorio principal . Dado lo frecuentes que...
Todos los elementos dentro .track-containerdeben alinearse bien y en línea, uno al lado del otro, restringidos por la altura de 200px que se les ha dado sin márgenes extraños ni relleno. En cambio, tienes la extrañeza que ocurre en el violín mencionado anteriormente. ¿Qué está causando...
Tengo entendido que todos los elementos de estilo Bootstrap deben existir dentro de un <div class="container">elemento. Pero a veces veo ejemplos de Bootstrap donde hay varios "contenedores": <div class="container"> <!-- Blah, GUI stuff, blah --> </div> ... <div...