Preguntas con la etiqueta [css]

Lista css preguntas

Estoy intentando alinear varios inlinecomponentes inline-blockverticalmente en un archivo div. ¿Cómo es que spanen este ejemplo insiste en ser empujado hacia abajo? Probé ambos vertical-align:middle;y vertical-align:top;, pero nada cambia. HTML:

¿Cómo consigo que un div se ajuste automáticamente al tamaño del fondo que le configuré sin establecerle una altura específica (o altura mínima)?

¿Qué significa! Importante en CSS?

5
respuestas
467
votos
702.0k
vistas

¿Qué !importantsignifica en CSS? ¿Está disponible en CSS 2? ¿CSS 3? ¿Dónde se apoya? ¿Todos los navegadores modernos?

CSS3 100vh no constante en el navegador móvil

36
respuestas
643
votos
484.2k
vistas

Tengo un problema muy extraño... en cada navegador y versión móvil encontré este comportamiento: Todos los navegadores tienen un menú superior cuando carga la página (que muestra la barra de

Forma ondulada con CSS

8
respuestas
115
votos
324.6k
vistas

Estoy intentando recrear esta imagen con CSS: No necesitaría que se repita. Esto es lo que comencé pero solo tiene una línea recta: #wave { position: absolute; height: 70px; width:

Filas de igual altura en un contenedor flexible

17
respuestas
195
votos
455.0k
vistas

Como puede ver, los list-itemsdel primero rowtienen lo mismo height. Pero los elementos del segundo rowtienen diferencias heights. Quiero que todos los artículos tengan un uniforme height. ¿Hay alguna manera

El siguiente código funciona tanto en Google Chrome beta como en IE 7. Sin embargo, Firefox parece tener un problema con esto. Sospecho que es un problema de cómo se

Estoy configurando un SVG como background-imagepara un pseudo elemento: content: ''; position: absolute; right: 0; bottom: 0; left: 0; width: 100%; height: 12px; background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"

Cómo hacer bordes degradados en CSS

22
respuestas
362
votos
856.6k
vistas

Estoy intentando aplicar un degradado a un borde, pensé que era tan simple como hacer esto: border-color: -moz-linear-gradient(top, #555555, #111111); Pero esto no funciona. ¿Alguien sabe cuál es la forma

Tengo este código CSS con extensión inline-block. ¿Alguien puede decirme cómo hacerlo funcionar en Internet Explorer 6 y 7. ¿Alguna idea? ¿Quizás estoy haciendo algo mal? ¡Gracias! #signup { color:#FFF;

Tengo dos divelementos de bloque en línea, que son iguales, colocados uno al lado del otro. Sin embargo, parece haber un espacio misterioso de 4 píxeles entre los dos divs

Lo que intento hacer es contar todos los elementos de la página actual con la misma clase y luego los usaré para agregarlos a un nombre para un formulario de

CSS muestra una imagen redimensionada y recortada

21
respuestas
424
votos
963.6k
vistas

Quiero mostrar una imagen de una URL con un ancho y alto determinados, incluso si tiene una proporción de tamaño diferente. Entonces quiero cambiar el tamaño (manteniendo la proporción) y

Quiero cambiar el tamaño de un componente PrimeFaces. Por ejemplo, un <p:orderList>. Tiene una clase llamada ui-orderlist-listque se define primefaces.csscon una dimensión fija de 200x200. No importa lo que haga

Esto me está volviendo loco: HTML: <div><h1>Hello World!</h1></div> CSS: *:not(div) h1 { color: #900; } ¿No dice esto: "Seleccione todos h1los elementos que tengan un antepasado que no sea un