Preguntas etiquetadas con css

Estoy tratando de llenar el espacio vertical de un elemento flexible dentro de un Flexbox. .container { height: 200px; width: 500px; display: flex; flex-direction: row; } .flex-1 { width: 100px; background-color: blue; } .flex-2 { position: relative; flex: 1; background-color: red; } .flex-2-child { height: 100%; width: 100%; background-color: green; …

459 css  flexbox 

Tengo dos divs dentro de otro div, y quiero colocar un div hijo en la parte superior derecha del div padre, y el otro div hijo en la parte inferior del div padre usando css. Es decir, quiero usar el posicionamiento absoluto con los dos div secundarios, pero posicionarlos en …

457 html  css 

Supongamos que tiene algo de estilo y el marcado: ul { white-space: nowrap; overflow-x: visible; overflow-y: hidden; /* added width so it would work in the snippet */ width: 100px; } li { display: inline-block; } <div> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>1</li> <li>2</li> <li>3</li> …

455 html  css  overflow 

Estoy buscando en la página de MDC la regla CSS @ font-face , pero no entiendo nada. Tengo archivos separados para negrita , cursiva y negrita + cursiva . ¿Cómo puedo incrustar los tres archivos en una @font-faceregla? Por ejemplo, si tengo: @font-face { font-family: "DejaVu Sans"; src: url("./fonts/DejaVuSans.ttf") format("ttf"); …

454 fonts  css  font-face 

Estoy planeando usar Google para descargar jQuery lib para UI y Core. Mi pregunta es, ¿me permiten descargar el CSS o debo alojarlo yo mismo? Además, si uso Google para cargar, ¿cómo debo cargar otros complementos? ¿Puedo comprimir todos los complementos juntos o debería ser su propio archivo separado?

452 jquery  css  jquery-ui  cdn  google-ajax-libraries 

Tengo la estructura de la página como: <div class="parent"> <div class="child-left floatLeft"> </div> <div class="child-right floatLeft"> </div> </div> Ahora, el child-leftDIV tendrá más contenido, por lo que parentla altura del DIV aumenta según el DIV secundario. Pero el problema es que la child-rightaltura no aumenta. ¿Cómo puedo hacer que su …

451 html  css  layout 

He estado buscando una solución de tipo "caja de luz" que permita esto, pero aún no he encontrado una (por favor, sugiera si conoce alguna). El comportamiento que intento recrear es como el que verías en Pinterest al hacer clic en una imagen. La superposición es desplazable ( como en …

446 css  overlay  lightbox 

Necesito crear una caja-sombra en algún blockelemento, pero solo (por ejemplo) en su lado derecho. La forma en que lo hago es envolver el elemento interno box-shadowen uno externo padding-righty, overflow:hidden;por lo tanto, los otros tres lados de la sombra no son visibles. ¿Hay alguna forma mejor de lograr esto? …

445 css  shadow  box-shadow 

¿Cómo imprimo el div indicado (sin deshabilitar manualmente el resto del contenido de la página)? Quiero evitar un nuevo cuadro de diálogo de vista previa, por lo que no es útil crear una nueva ventana con este contenido. La página contiene un par de tablas, una de ellas contiene el …

444 javascript  css  printing  dhtml 

¿Hay alguna manera de colocar una imagen de fondo a una cierta cantidad de píxeles desde la derecha de su elemento? Por ejemplo, para colocar algo a una cierta cantidad de píxeles (digamos, 10) desde la izquierda , así es como lo haría: #myElement { background-position: 10px 0; }

443 css 

¿Se pueden usar las transiciones CSS para permitir que un párrafo de texto se desvanezca al cargar la página? Realmente me gusta cómo se veía en http://dotmailapp.com/ y me encantaría usar un efecto similar usando CSS. Desde entonces, el dominio se ha comprado y ya no se menciona el efecto. …

442 css  css-transitions  opacity 

Tengo dos divs uno al lado del otro. Me gustaría que la altura de ellos sea la misma, y ​​que permanezca igual si uno de ellos cambia de tamaño. Sin embargo, no puedo entender esto. Ideas? Para aclarar mi pregunta confusa, me gustaría que ambas cajas tengan siempre el mismo …

441 html  css  html-table  flexbox 

Estoy haciendo un sitio web de bootstrap, con un par de 'Modals' de Bootstrap. Estoy tratando de personalizar algunas de las funciones predeterminadas. El problema es este; Puede cerrar el modal haciendo clic en el fondo. ¿Hay alguna forma de deshabilitar esta función? ¿Solo en modales específicos? Página modal de …

441 javascript  css  twitter-bootstrap  modal-dialog 

Estoy trabajando en un sitio web que requiere pruebas de fuentes en línea, las fuentes que tengo son todas .otf ¿Hay alguna manera de incrustar las fuentes y hacer que funcionen en todos los navegadores? Si no, ¿qué otras alternativas tengo?

440 html  css  fonts  font-face 

Tengo un enlace en mi página web para imprimir la página web. Sin embargo, el enlace también es visible en la impresión misma. ¿Hay código JavaScript o HTML que ocultaría el botón de enlace cuando hago clic en el enlace de impresión? Ejemplo: "Good Evening" Print (click Here To Print) …

440 css  printing