¿Cuál es la mejor manera de centrar verticalmente el contenido de un div cuando la altura del contenido es variable? En mi caso particular, la altura del contenedor div es fija, pero sería genial si hubiera una solución que funcione en los casos en que el contenedor también tenga una altura...
¿Alguien sabe si / cuándo Internet Explorer admitirá el atributo CSS
Necesito hacer un cálculo numérico basado en las propiedades CSS. Sin embargo, cuando uso esto para obtener información: $(this).css('marginBottom') devuelve el valor '10px'. ¿Hay un truco para conseguir justo el número de parte del valor, no importa si es pxo %o emo lo que...
Mi requisito es simple: 2 columnas donde la correcta tiene un tamaño fijo . Lamentablemente, no pude encontrar una solución que funcione, ni en stackoverflow ni en Google. Cada solución descrita allí falla si la implemento en mi propio contexto. La solución actual es: div.container { position:...
He revisado algunas demostraciones y no tengo idea de por qué no puedo hacer que funcione el giro CSS3. Estoy usando la última versión estable de Chrome. El violín: http://jsfiddle.net/9Ryvs/1/ div { margin: 20px; width: 100px; height: 100px; background: #f00; -webkit-animation-name:...
Estoy tratando de descubrir cómo hacer la siguiente cuadrícula con Bootstrap. No estoy seguro de cómo crearía el cuadro (número 1) que abarca dos filas. Los cuadros se generan mediante programación en el orden en que se presentan. El cuadro 1 es un mensaje de bienvenida. ¿Alguna idea sobre la...
Necesito agregar una clase dinámica a una lista de clases regulares, pero no tengo idea de cómo (estoy usando babel), algo como esto: <div className="wrapper searchDiv {this.state.something}"> ... </div> ¿Algunas
En este artículo, http://css-tricks.com/css-sprites/ , habla sobre cómo puedo recortar una imagen más pequeña de una imagen más grande. ¿Puede decirme si es posible / cómo puedo recortar una imagen más pequeña y luego escalar la región recortada antes de diseñarla? Aquí hay un ejemplo de ese...
Estoy tratando de replicar un estilo de botón en una maqueta de Photoshop que tiene dos sombras. La primera sombra es una sombra de cuadro más clara interna (2px), y la segunda es una sombra fuera del botón (5px). En Photoshop esto es fácil: Inner Shadow y Drop Shadow. En CSS, aparentemente...
Estoy creando un menú de navegación con palabras con diferentes colores ( hrefenlaces). Me gustaría que el color NO cambie en ningún estado (pase el mouse, visite, etc.). Sé cómo configurar los colores para los diferentes estados, pero me gustaría saber el código para dejar el color del texto (y...
En un encabezado HTML, tengo esto: <head> <title>Title</title> <link href="styles.css" rel="stylesheet" type="text/css"/> <link href="master.css" rel="stylesheet" type="text/css"/> styles.csses mi hoja de página específica. master.csses una hoja que uso en cada...
¿Cuál es la mejor manera de espaciar horizontalmente los botones Bootstrap? En este momento los botones están tocando: <div class="btn-group"> <button class="btn btn-inverse dropdown-toggle" data-toggle="dropdown"> <i class="icon-in-button"></i> Add to list <span...
Actualmente estoy usando la siguiente función para crear texto que se mostrará con el complemento de información sobre herramientas de Bootstrap. ¿Cómo es que la información sobre herramientas multilínea solo funciona <br>y no \n? Prefiero que no haya ningún HTML en los atributos de título de...
Estoy usando el marco Bootstrap para mi interfaz de usuario. Quiero cambiar el color de mis glifos a azul, pero no en todos los lugares. En algunos lugares, debe usar el color predeterminado. Me he referido a estos dos enlaces, pero no encuentro nada útil. ¿Puedo agregar color a los iconos de...
Estoy tratando de usar la función Modal de Bootstrap 3 para mostrar mi video de Youtube. Funciona, pero no puedo hacer clic en ningún botón en el video de Youtube. ¿Alguna ayuda en esto? Aquí está mi código: <div id="link">My video</div> <div id="myModal" class="modal fade"...
Me pregunto si es posible utilizar las clases font-awesome (o cualquier otra fuente icónica) para crear un <li>tipo de estilo de lista personalizado . Actualmente estoy usando jQuery para hacer esto, es decir: $("li.myClass").prepend("<i class=\"icon-chevron-right\"></i>"); Sin...
Encontré este ejemplo en stackoverflow: Dibujar círculo usando CSS solo Lo cual es genial. ¿Pero me gustaría saber cómo modificar ese ejemplo para poder incluir texto en el medio del círculo? También encontré esto: centrado vertical y horizontalmente el texto en círculo en CSS (como la insignia...
Flexbox tiene este comportamiento donde estira las imágenes a su altura natural. En otras palabras, si tengo un contenedor de flexbox con una imagen secundaria, y cambio el tamaño de esa imagen, la altura no cambia en absoluto y la imagen se estira. div { display: flex; flex-wrap:...
Normalmente, los archivos CSS se colocan dentro <head></head>, ¿qué pasa si lo pongo dentro <body></body>, qué diferencia
Estoy usando -webkit-transform (y -moz-transform / -o-transform) para rotar un div. También se ha agregado la posición fija para que el div se desplace hacia abajo con el usuario. En Firefox funciona bien, pero en los navegadores basados en webkit está roto. ¡Después de usar -webkit-transform,...