Me gustaría hacer un position: fixed;cuadro emergente centrado en la pantalla con un ancho y alto dinámicos. Yo solía margin: 5% auto;para esto. Sin position: fixed;ella se centra bien horizontalmente, pero no verticalmente. Después de agregar position: fixed;, incluso no se centra...
Estoy confundido con el sistema de cuadrícula en el nuevo Bootstrap, particularmente estas clases: col-lg-* col-md-* col-xs-* (donde * representa algún número). ¿Alguien puede explicar lo siguiente? ¿Cómo ese número está alineando las cuadrículas? ¿Cómo usar estos números? ¿Qué representan...
En mi clase, estaba jugando y descubrí que CSS funciona con elementos inventados. Ejemplo: imsocool { color:blue; } <imsocool>HELLO</imsocool> Ejecutar fragmento de códigoOcultar resultadosExpandir fragmento Cuando mi profesor me vio usando esto por primera vez, se sorprendió...
На этот вопрос есть ответы en Stack Overflow en русском Este es un Q&A propio de un útil código que se me ocurrió. Actualmente, no hay una manera fácil de incrustar una imagen SVG y luego tener acceso a los elementos SVG a través de CSS. Existen varios métodos para...
En Bootstrap , ¿cuál es la forma más fácil de usar para crear una barra de navegación que tenga el logotipo A a la izquierda, los elementos de menú en el centro y el logotipo B a la derecha? Esto es lo que he intentado hasta ahora, y termina alineado de modo que el logotipo A está a la izquierda,...
Estoy tratando de descubrir cómo puedo ocultar el overflow-y:scroll;si no es necesario. Lo que quiero decir es que estoy construyendo un sitio web y tengo un área principal en la que se mostrarán las publicaciones y quiero ocultar la barra de desplazamiento si el contenido no supera el ancho...
¿Cómo copio el texto dentro de un div en el portapapeles? Tengo un div y necesito agregar un enlace que agregará el texto al portapapeles. ¿Existe alguna solucion para esto? <p class="content">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the...
¿Alguien puede decirme si el siguiente CSS es válido? .class {
Ok, digamos que el contenido dentro de los <body>totales de 300 px de alto. Si configuro el fondo de mi <body>uso -webkit-gradiento-moz-linear-gradient Luego maximizo mi ventana (o simplemente la hago más alta que 300px), el gradiente será exactamente 300px alto (la altura del...
Tengo el siguiente fragmento de CSS y HTML que se está representando. textarea { border:1px solid #999999; width:100%; margin:5px 0; padding:3px; } <div style="display: block;" id="rulesformitem" class="formitem"> <label for="rules" id="ruleslabel">Rules:</label>...
Me gustaría usar flexbox para alinear verticalmente parte del contenido dentro de, <li>pero no tener gran éxito. Lo revisé en línea y muchos de los tutoriales en realidad usan un envoltorio div que obtiene la align-items:centerconfiguración de flex en el padre, pero me pregunto si es posible...
Hago un catálogo con Bootstrap 3. Cuando se muestran en tabletas, las imágenes del producto se ven feas debido a su pequeño tamaño (500x500) y un ancho de 767 píxeles en el navegador. Quiero poner la imagen en el centro de la pantalla, pero por alguna razón no puedo. ¿Quién será ayudará a resolver...
¿Cómo puedo establecer un <table>ancho del 100% y poner solo dentro del <tbody>desplazamiento vertical para cierta altura? table { width: 100%; display:block; } thead { display: inline-block; width: 100%; height: 20px; } tbody { height: 200px; display: inline-block; width:...
Tengo un divcon posicionamiento predeterminado (es decir position:static) y un divcon una fixedposición. Si configuro los índices z de los elementos, parece imposible hacer que el elemento fijo vaya detrás del elemento estático. #over { width: 600px; z-index: 10; } #under { position:...
Estoy usando @font-faceel sitio de mi empresa y funciona / se ve muy bien. Excepto Firefox y Chrome arrojarán un error 404 en el .woffarchivo. IE no arroja el error. Tengo las fuentes ubicadas en la raíz, pero he intentado con las fuentes en la carpeta css e incluso dando toda la url para la...
Tengo 2 divs: uno en el lado izquierdo y otro en el lado derecho de mi página. El que está en el lado izquierdo tiene un ancho fijo y quiero que el del lado derecho llene el espacio restante. #search { width: 160px; height: 25px; float: left; background-color: #ffffff; } #navigation {...
De acuerdo, esto realmente me está confundiendo. Tengo algo de contenido dentro de un div así: <div style="background-color: green; width: 200px; height: 300px;"> Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest. </div> Sin embargo, el contenido desborda el...
Tengo un div( padre ) que contiene otro div( hijo ). Parent es el primer elemento bodysin un estilo CSS particular. Cuando configuro .child { margin-top: 10px; } El resultado final es que la parte superior de mi hijo todavía está alineada con el padre. En lugar de que el niño se mueva 10px...
Tengo una imagen y quiero establecer un ancho y alto específicos (en píxeles) Pero si configuro el ancho y la altura usando css ( width:150px; height:100px), la imagen se estirará y puede ser fea. ¿Cómo rellenar imágenes a un tamaño específico usando CSS y sin estirarlo ? Ejemplo de imagen de...
¿Hay algún buen enfoque para ayudar a identificar definiciones CSS no utilizadas en un proyecto? Se introdujeron un montón de archivos CSS y ahora estoy tratando de limpiar un poco las