Si observa las especificaciones del modelo de cuadro CSS , observará lo siguiente: El porcentaje [margen] se calcula con respecto al ancho del bloque que contiene el cuadro generado. Tenga en cuenta que esto también es cierto para 'margin-top' y 'margin-bottom'. Si el ancho del bloque contenedor...
En bootstrap-3 hay una .wellclase que agrega un borde redondeado alrededor de un elemento con un color de fondo gris y algo de relleno. <div class="well">Basic Well</div> Pero no encontré ninguna .wellclase en bootstrap-4. ¿Hay alguna etiqueta equivalente a .wellen...
Quiero ocultar el cursor cuando muestre una página web destinada a mostrar información en el pasillo de un edificio. No tiene que ser interactivo en absoluto. Intenté con la propiedad del cursor y una imagen de cursor transparente, pero no lo hice funcionar. ¿Alguien sabe si esto se puede hacer?...
Aquí está mi HTML: <a href="#" class="link">small caps</a> & <a href="#" class="link">ALL CAPS</a> Aquí está mi CSS: .link {text-transform: capitalize;} El resultado es: Small Caps & ALL CAPS y quiero que la salida sea: Small Caps & All Caps ¿Algunas...
Estoy usando un degradado radial como fondo en mi página web, así: background-image: -webkit-gradient(radial, 100% 100%, 10, 90% 90%, 600, from(#ccc), to(#000)); Funciona, pero cuando el contenido no llena toda la página, el gradiente se corta. ¿Cómo puedo hacer que el <body>elemento llene...
Por ejemplo, tengo alguna clase .article, y quiero ver esta clase como vista de cuadrícula. Entonces apliqué este estilo: .article{ width:100px; height:100px; background:#333; float:left; margin:5px; } Ese estilo hará que el artículo se vea en mosaico / cuadrícula. Funciona bien con altura...
Creo que esto no es posible, pero pensé preguntar en caso de que haya alguna manera. La idea es que tengo una variable para la ruta a la carpeta de recursos web: @root: "../img/"; @file: "test.css"; @url: @root@file; .px { background-image: url(@url); } Obtengo esto como resultado: .px {...
Usando twitter bootstrap (2), tengo una página simple con una barra de navegación, y dentro containerquiero agregar un div con un 100% de altura (en la parte inferior de la pantalla). Mi css-fu está oxidado, y no puedo resolver esto. HTML simple: <body> <div class="navbar...
Tengo un selectcuadro y estoy tratando de cambiar el color de fondo de las opciones cuando selectse hace clic en el cuadro y muestra todas las opciones. Ver violín HTML: <select> <option val="">Please choose</option> <option val="1">Option 1</option> <option...
Como todos sabemos, la flexpropiedad es una abreviatura para el flex-grow, flex-shrinky las flex-basispropiedades. Su valor predeterminado es 0 1 auto, lo que significa flex-grow: 0; flex-shrink: 1; flex-basis: auto; pero he notado que en muchos lugares flex: 1se usa. ¿Es una abreviatura de 1 1...
Probablemente esto sea realmente fácil, pero nunca lo he hecho antes. ¿Cómo se cambia el cursor al dedo (como hacer clic en los enlaces) en lugar del puntero normal? Y cómo hacer esto con jQuery ya que para eso lo estoy
Tengo el viejo código clásico como este <td align="right"> que hace lo que dice: alinea correctamente el contenido en la celda. Entonces, si pongo 2 botones en esta celda, aparecerán en el sitio correcto de la celda. Pero luego estaba refactorizando esto a CSS, pero ¿no existe una...
Al hacer clic, estoy agregando, 1px borde a div, por lo que el tamaño de Div aumenta en 2px X 2px. No quiero aumentar el tamaño del div. ¿Hay alguna forma simple de hacerlo? Explicación detallada desordenada En realidad, estoy agregando DIV con flotante: izquierda (mismo tamaño, como iconos) a un...
Cuando configuro overflow: scroll, obtengo barras de desplazamiento horizontales y verticales. ¿Hay alguna manera de eliminar la barra de desplazamiento horizontal en un
¿Hay alguna manera de obtener el ancho del dispositivo de los usuarios, en lugar del ancho de la ventana gráfica, usando JavaScript? Las consultas de medios CSS ofrecen esto, como puedo decir @media screen and (max-width:640px) { /* ... */ } y @media screen and (max-device-width:960px) { /*...
¿Cómo puedo sobrescribir los estilos en Twitter Bootstrap? Por ejemplo, actualmente estoy usando una clase .sidebar que tiene la regla CSS 'float: left;' ¿Cómo puedo cambiar esto para que vaya a la derecha? Estoy usando HAML y SASS pero soy relativamente nuevo en el desarrollo...
Estoy buscando usar un logotipo SVG para un sitio web, para que se vea genial en un diseño receptivo para todos los dispositivos. Pero como hay problemas , quiero admitir tantos dispositivos y navegadores como sea posible. La velocidad de carga también es una consideración importante. ¿Cómo...
¿Hay alguna clase de Bootstrap de Twitter font-weight: boldy otros valores de font-weight? No crearía uno nuevo si esto ya existe en
Estoy tratando de agregar una clase "activa" a mi barra de navegación de arranque en MVC, pero lo siguiente no muestra la clase activa cuando se escribe así: <ul class="nav navbar-nav"> <li>@Html.ActionLink("Home", "Index", "Home", null, new {@class="active"})</li>...
Quiero superponer una imagen con otra usando CSS. Un ejemplo de esto es la primera imagen (el fondo si lo desea) será un enlace en miniatura de un producto, con el enlace que abre una caja de luz / ventana emergente que muestra una versión más grande de la imagen. Además de esta imagen vinculada,...