Preguntas etiquetadas con css

Últimamente, he estado diseñando sitios que son más receptivos y he estado usando consultas de medios CSS con frecuencia. Un patrón que noté es que el orden en el que se definen las consultas de medios realmente importa. No lo probé en todos los navegadores, solo en Chrome. ¿Existe una …

80 css  media-queries  responsive-design 

Tengo 3 columnas que quiero ordenar de diferentes maneras en computadoras de escritorio y dispositivos móviles. Actualmente, mi faja se ve así: <div class="row"> <div class="col-xs-3 col-md-6"> 1 </div> <div class="col-xs-3 col-md-6"> 2 </div> <div class="col-xs-6 col-md-12"> 3 </div> </div> Ejecutar fragmento de códigoOcultar resultadosExpandir fragmento En la vista móvil …

80 css  bootstrap-4  grid 

Estoy tratando de recrear esta imagen con CSS: No lo necesitaría para repetir. Esto es lo que comencé, pero solo tiene una línea recta: #wave { position: absolute; height: 70px; width: 600px; background: #e0efe3; } <div id="wave"></div> Ejecutar fragmento de códigoOcultar resultadosExpandir fragmento

80 css  css-shapes 

La traducción del eje Y de un elemento al 50% lo moverá hacia abajo el 50% de su propia altura, no el 50% de la altura de los padres como es de esperar. ¿Cómo le digo a un elemento de traducción que base su porcentaje de traducción en el elemento …

80 css  translate  percentage  translate3d 

Quiero recargar un div al hacer clic en un botón. No quiero volver a cargar la página completa. Aquí está mi código: HTML: <div role="button" class="marginTop50 marginBottom"> <input type="button" id="getCameraSerialNumbers" value="Capture Again" class="disabled" /> <input type="button" id="confirmNext" value="Confirm & Proceed" class="disabled marginLeft50" /> </div> Al hacer clic en el <input …

80 javascript  jquery  html  css  ajax 

¿Hay algún método que pueda usar para que un div se extienda a la altura completa? También tengo un pie de página pegajoso. Aquí está la página web: Sitio web eliminado . El bit medio del que estoy hablando es el div blanco, midcontent que tiene valores CSS: .midcontent{ width:85%; …

80 css  xhtml  html 

El modelo de caja CSS2 nos dice que los márgenes verticales adyacentes colapsan . Lo encuentro bastante molesto, ya que es la fuente de muchos errores de diseño. Espero que al comprender el propósito de colapsar los márgenes, entenderé cuándo usarlos y cómo evitarlos cuando no sean necesarios. ¿Cuál es …

80 w3c  css 

Me gustaría hacer un lienzo rectangular para simular una barra de progreso, pero parece que cuando configuro el ancho y el alto de un lienzo al 100%, realmente no lo hace tan alto y ancho como el padre consulte el ejemplo a continuación http://jsfiddle.net/PQS3A/ ¿Es posible incluso hacer lienzos no …

80 javascript  css  html  canvas 

¿Cómo combinar rotateX(50deg) rotateY(20deg) rotateZ(15deg)en taquigrafía rotate3d()?

79 css  css-transforms 

Actualicé bootstrap 3.0 ahora. Y "una" etiqueta que se parece a btn (con la ayuda de la clase .btn) se arruina en la barra de navegación. <li> <a href="<?php echo BASE_PATH; ?>register.php" class="btn btn-primary btn-sm"> <?php echo "<strong>" . _('Bayilik Başvurusu') . "</strong>"; ?> </a> </li> Pero no funciona correctamente. …

79 css  twitter-bootstrap-3 

Estoy tratando de establecer el ancho div dinámicamente usando ng-stylepero no estoy aplicando el estilo. Aquí está el código: <div style="width: 100%;" id="container_fform" ng-controller="custController"> <div style="width: 250px;overflow: scroll;"> <div ng-style="myStyle"> </div> </div> </div> Controlador: var MyApp = angular.module('MyApp', []); var custController = MyApp.controller('custController', function ($scope) { $scope.myStyle="width:'900px';background:red"; }); ¿Qué me estoy …

79 css  angularjs  ng-style 

¿Cómo puedo crear un brillo blanco como borde de una imagen de tamaño desconocido?

79 image  css  border  glow 

Entonces, necesito hacer un patrón hexagonal repetido, usando CSS. Si se necesitan imágenes, puedo ir allí, pero preferiría usar CSS si es posible. Aquí tienes una idea de lo que estoy intentando crear: Básicamente, solo necesito una forma de crear las formas hexagonales y luego superponer texto / imágenes encima …

79 html  css  css-shapes 

¿Cuál es la forma más limpia de alinear correctamente los botones de radio / casillas de verificación con el texto? La única solución confiable que he estado usando hasta ahora está basada en tablas: <table> <tr> <td><input type="radio" name="opt"></td> <td>Option 1</td> </tr> <tr> <td><input type="radio" name="opt"></td> <td>Option 2</td> </tr> </table> …

79 html  css  checkbox  radio-button 

Necesito que mi pie de página se fije al final de la página y lo centre. El contenido del pie de página puede cambiar en todo momento, por lo que no puedo centrarlo a través de margin-left: xxpx; margen derecho: xxpx; El problema es que por alguna razón esto no …

79 css  positioning  sticky-footer