Preguntas etiquetadas con css

CSS (Cascading Style Sheets) es un lenguaje de hojas de estilo de representación que se utiliza para describir el aspecto y el formato de documentos HTML (HyperText Markup Language), XML (Extensible Markup Language) y elementos SVG que incluyen (entre otros) colores, diseño, fuentes, y animaciones. También describe cómo se deben representar los elementos en la pantalla, en papel, en el habla o en otros medios.

22
¿Cómo evitar una página en blanco adicional al final durante la impresión?
Estoy usando una propiedad CSS Si uso page-break-after: always;=> Imprime una página en blanco adicional antes Si uso page-break-before: always;=> Imprime una página en blanco adicional después. ¿Cómo evitar esto? <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <style type="text/css"> .print{ …
88 css  printing 
1
margin-top solo cuando el elemento flexible está envuelto
Tengo un contenedor flexible con dos elementos flexibles. Quiero establecer un margen superior en el segundo, pero solo cuando esté envuelto y no en la primera línea flexible. Si es posible, quiero evitar el uso de consultas de medios. Pensé que el margen inferior en el primer elemento podría ser …
88 css  margin  flexbox 
3
Fila de Bootstrap con columnas de diferente altura.
Actualmente tengo algo como: <div class="row"> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> </div> Ahora, suponiendo que fueran contentcajas de diferente altura, con el mismo ancho, ¿cómo podría mantener el mismo "diseño basado en cuadrícula" y aún tener todas …
10
CSS3 equivalente a jQuery slideUp y slideDown?
Mi aplicación funciona mal con slideDown y slideUp de jQuery. Estoy buscando usar un equivalente CSS3 en los navegadores que lo admitan. ¿Es posible, usando transiciones CSS3, cambiar un elemento de display: none;a display: block;mientras se desliza hacia abajo o hacia arriba?
88 jquery  css  animation 
9
Dos elementos de bloque en línea, cada uno de 50% de ancho, no encajan uno al lado del otro en una sola fila
<!DOCTYPE html> <html> <head> <title>Width issue</title> <style type="text/css"> body { margin: 0; } #left { width: 50%; background: lightblue; display: inline-block; } #right { width: 50%; background: orange; display: inline-block; } </style> </head> <body> <div id="left">Left</div> <div id="right">Right</div> </body> </html> JSFiddle: http://jsfiddle.net/5EcPK/ El código anterior intenta colocar el div #left …
87 html  css 
6
CSS para detener el ajuste de texto debajo de la imagen
Tengo el siguiente marcado: <li id="CN2787"> <img class="fav_star" src="images/fav.png"> <span>Text, text and more text</span> </li> Lo quiero para que si el texto se ajusta, no entre en la 'columna' de la imagen. Sé que puedo hacerlo con table(lo que estaba haciendo) pero esto no es viable por esta razón . …
3
Mostrar barra de desplazamiento vertical div
Me pregunto cómo es posible mostrar permanentemente la barra vertical de un div (atenuada si no hay desplazamiento) similar a nuestras barras regulares. Básicamente, estoy tratando de colocar un sitio web completo en un div (como gmail / facebook), por lo que si la página no es lo suficientemente larga, …
87 html  css 
2
¿Cómo se supone que funciona un CSS "display: table-column"?
Dado el siguiente HTML y CSS, no veo absolutamente nada en mi navegador (Chrome e IE son los más recientes al momento de escribir este artículo). Todo se colapsa a 0x0 px. ¿Por qué? <!DOCTYPE html> <html> <head> <style type="text/css"> section { display: table; height: 100%; background-color: grey; } #colLeft …
12
¿Cómo establecer el ancho y alto de una imagen sin estirarla?
Si tengo: #logo { width: 400px; height: 200px; } entonces <img id="logo" src="logo.jpg"/> se estirará para llenar ese espacio. Quiero que la imagen tenga el mismo tamaño, pero que ocupe tanto espacio en el DOM. ¿Tengo que agregar un encapsulado <div>o <span>? Odio agregar marcas para diseñar.
87 html  css 
10
la altura de la línea como porcentaje no funciona
Tengo un problema con la altura de la línea que no puedo entender. El siguiente código centrará una imagen dentro de un div: CSS .bar { height: 800px; width: 100%; line-height:800px; background-color: #000; text-align: center; } .bar img { vertical-align: middle; } HTML <div class="bar"> <img src="http://27.media.tumblr.com/yHWA4oxH870ulxnoH7CkOSDR_500.jpg" alt="Foo Image" /> …
87 css 
8
¿Cómo centro las pestañas de arranque de Twitter en la página?
Estoy usando twitter bootstrap para crear pestañas alternables. Aquí está el CSS que estoy usando: <div class="container"> <ul class="nav nav-tabs"> <li><a href="#home" data-toggle="tab">Home</a></li> <li><a href="#profile" data-toggle="tab">Profile</a></li> <li><a href="#messages" data-toggle="tab">Messages</a></li> <li><a href="#settings" data-toggle="tab">Settings</a></li> </ul> </div> Este html muestra las pestañas correctamente, pero tiradas hacia la izquierda (que es lo que se …
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.