Tengo el siguiente Sass mixin, que es una modificación medio completa de un ejemplo RGBa : @mixin background-opacity($color, $opacity: .3) { background: rgb(200, 54, 54); /* The Fallback */ background: rgba(200, 54, 54, $opacity); } He aplicado $opacitybien, pero ahora estoy atascado con la...
Usando CSS, ¿cómo puedo diseñar lo siguiente: <dl> <dt>Mercury</dt> <dd>Mercury (0.4 AU from the Sun) is the closest planet to the Sun and the smallest planet.</dd> <dt>Venus</dt> <dd>Venus (0.7 AU) is close in size to Earth, (0.815 Earth masses)...
¿Cómo puedo hacer Glyphicons más grandes en twitter bootstrap 3.0 (no 2.3.x)? Este código hará que mis glifos sean grandes: <button type="button" class="btn btn-default btn-lg"> <span class="glyphicon glyphicon-th-list"> </span> </button> ¿Cómo puedo obtener este...
https://jsfiddle.net/vhem8scs/ ¿Es posible tener dos elementos alineados a la izquierda y un elemento alineado a la derecha con flexbox? El enlace lo muestra más claramente. El último ejemplo es lo que quiero lograr. En flexbox tengo un bloque de código. Con float tengo cuatro bloques de código....
Tengo una imagen PNG, que tiene forma libre (no cuadrada). Necesito aplicar el efecto de sombra paralela a esta imagen. El enfoque estándar ... -o-box-shadow: 12px 12px 29px #555; -icab-box-shadow: 12px 12px 29px #555; -khtml-box-shadow: 12px 12px 29px #555; -moz-box-shadow: 12px 12px 29px...
Tengo divelementos uno al lado del otro con display: table-cell;. Quiero establecer marginentre ellos, pero margin: 5pxno tiene ningún efecto. ¿Por qué? Mi código: <div style="display: table-cell; margin: 5px; background-color: red;">1</div> <div style="display: table-cell;...
En CSS, *coincidirá con cualquier elemento. Con frecuencia, *|*se usa en lugar de *hacer coincidir todos los elementos. Esto se usa generalmente con fines de prueba. ¿Cuál es la diferencia entre *y *|*en
¿Hay alguna buena manera de truncar texto con HTML y CSS simples, de modo que el contenido dinámico pueda caber en un diseño de ancho y alto fijo? He estado truncando el lado del servidor por el ancho lógico (es decir, un número de caracteres adivinado a ciegas), pero dado que una 'w' es más ancha...
Tengo un elemento DOM con algunos / todos los siguientes efectos aplicados: #elem { -webkit-transition: height 0.4s ease; -moz-transition: height 0.4s ease; -o-transition: height 0.4s ease; transition: height 0.4s ease; } Estoy escribiendo un complemento jQuery que cambia el tamaño de este...
Me gustaría preguntar cómo funcionan la altura y el flotador. Tengo un div externo y un div interno que tiene contenido. Su altura puede variar según el contenido del div interno, pero parece que mi div interno desbordará su div externo. ¿Cuál sería la forma correcta de hacerlo? <html>...
Cuál es la diferencia entre estos dos: font-style:italic font-style:oblique Intenté usar el editor de W3Schools pero no pude notar la diferencia. ¿Qué me estoy
¿Cuál es el significado de este? Supongo que es un truco del navegador, pero no he podido encontrar qué hace exactamente. width: 500px\9; ¿Cuál es el significado de
CSS text-overflow: ellipsisen la segunda línea, ¿es esto posible? No puedo encontrarlo en la red. ejemplo: lo que quiero es así: I hope someone could help me. I need an ellipsis on the second line of... pero lo que pasa es esto: I hope someone could help me. I ...
Para todas las entradas predeterminadas, el texto que completa comienza a la izquierda. ¿Cómo haces que comience a la
jQuery tiene funciones height () en width () que devuelve la altura o el ancho en píxeles como entero ... ¿Cómo puedo obtener un valor de margen o margen de un elemento en píxeles y como entero usando jQuery? Mi primera idea fue hacer lo siguiente: var padding =
Soy relativamente nuevo en CSS y lo he usado para cambiar el estilo y el formato del texto. Ahora me gustaría usarlo para insertar texto como se muestra a continuación: <span class="OwnerJoe">reconcile all entries</span> Lo cual espero poder mostrar como: Tarea de Joe: conciliar...
¿Cómo agregar style=display:"block"a un elemento en
Tengo un código de trabajo aquí: http://jsfiddle.net/WVm5d/ (es posible que deba agrandar la ventana de resultados para ver el efecto de alineación central) Pregunta El código funciona bien pero no me gusta tenerlo display: table;. Es la única forma en que podría alinear el centro de clase...
Estoy usando el marco de arranque e intento obtener una imagen centrada horizontalmente sin éxito. He probado varias técnicas, como dividir el sistema de 12 cuadrículas en 3 bloques iguales, por ejemplo <div class="container"> <div class="row"> <div class="span4"></div>...
Digamos que tengo una cadena " Me gustan los traseros grandes y no puedo mentir " y la corto overflow:hidden, así que muestra algo como esto: Me gustan los traseros grandes y no puedo cortando el texto. ¿Es posible mostrar esto así: Me gustan los traseros grandes y no puedo ... usando...