css

Flexbox no da la misma anchura a los elementos

Intentar un flexbox nav que tenga hasta 5 elementos y tan poco como 3, pero no está dividiendo el ancho por igual entre todos ... <li data-tab="3">Peanut Butter</li> <li data-tab="4">Fish</li> </ul> </div>

CSS floats - ¿cómo los mantengo en una línea?

Quiero tener dos elementos en la misma línea usando 'float: left' para el elemento de la izquierda. No tengo problemas para ... div off the screen / <--- +---------------+ +------------------------\ /

¿Cómo alinear verticalmente el texto dentro de un flexbox?

Me gustaría usar flex box para alinear verticalmente algún contenido dentro de un <li> pero no teniendo gran éxito. He ... ; background: silver; width: 100%; height: 20%; } <ul> <li>This is the text</li> </ul>

¿Cómo puedo forzar a WebKit a redibujar/repintar para propagar cambios de estilo?

Tengo un JavaScript trivial para efectuar un cambio de estilo: sel = document.getElementById('my_id'); sel.className = sel. ... estilo correcto. ¿Existe una solución alternativa para "empujar" WebKit de forma fácil y programática a hacer lo correcto?

¿Cómo evitar que la barra de desplazamiento reposicione la página web?

Tengo un sitio web con DIV alineado al centro. Ahora, algunas páginas necesitan desplazarse, otras no. Cuando me muevo de un ... eles hacia un lado. ¿Hay alguna manera de evitar esto sin mostrar explícitamente las barras de desplazamiento en cada página?

Cómo "recortar" una imagen rectangular en un cuadrado con CSS?

Sé que es imposible modificar una imagen con CSS, por lo que pongo crop entre comillas. Lo que me gustaría hacer es tomar i ... para que aparezcan cuadradas sin distorsionar la imagen en absoluto. Básicamente me gustaría convertir esto: En esto:

Anular el llenado de formularios del navegador y el resaltado de entradas con HTML / CSS

Tengo 2 formularios básicos sign regístrate y regístrate, ambos en la misma página. Ahora, no tengo ningún problema con el ll ... ea para hacerlo. ¿Qué puedo hacer para que dejen de ser de color amarillo y (posiblemente) auto filling? Gracias de antemano!

¿Es posible establecer el orden de apilamiento de pseudo-elementos debajo de su elemento padre?

Estoy tratando de estilizar un elemento con el selector CSS de pseudo elemento :after #element { position: relative; ... :after no puede ser inferior al elemento en sí. ¿Hay una manera de tener el pseudo elemento más bajo que el elemento mismo?

Poner el primer carácter en mayúscula en css

Hay una manera de hacer que el primer carácter en mayúscula en la etiqueta a en css. la estructura html es <a class="m_t ... e" href="">krro</a> <a class="m_title" href="">yrro</a> <a class="m_title" href="">gwwr</a>

¿Cómo deshabilitar un enlace usando solo CSS?

¿Hay alguna forma de deshabilitar un enlace usando CSS? Tengo una clase llamada current-page y quiero que los enlaces con esta clase estén deshabilitados para que no ocurra ninguna acción cuando se haga clic en ellos.

Gris hacia fuera la imagen con CSS?

¿Cuál es la mejor manera (si la hay) de hacer que una imagen aparezca "gris" con CSS (es decir, sin cargar una versión separ ... sto, pero también me gustaría hacer que las imágenes sean más ligeras sin tener que administrar dos versiones de cada imagen.

Cómo superponer un div sobre otro div

Esperando que alguien pueda ayudar, pero necesito ayuda para superponer un individuo div sobre otro individuo div. Mi código ... re el div.navi y al lado derecho y centrado en la parte superior del div.navi. Agradecería cualquier ayuda para lograr este.

¿Hay un opuesto a la exhibición: ninguno?

Lo opuesto a visibility: hidden es visibility: visible. Del mismo modo, ¿hay algo opuesto para display: none? Muchas person ... dad visibility. Podría usar visibility: hidden en lugar de display: none, pero no da el mismo efecto, así que no voy con él.

Estirar y escalar una imagen CSS en el fondo-solo con CSS

Quiero que mi imagen de fondo se estire y escale dependiendo del tamaño de la ventana del navegador. He visto algunas pregun ... ste ejemplo el primero, pero no funcionó para mí. ¿Existe un buen método para hacerlo con la declaración background-image?

vertical-alinear con Bootstrap 3

Estoy usando Twitter Bootstrap 3, y tengo problemas cuando quiero alinear verticalmente dos div, por ejemplo - JSFiddle link: ... no funciona. Intenté usar margin-top para arreglarlo, pero creo que esta no es una buena solución para el diseño responsivo.

Cuándo utilizar IMG vs CSS background-image?

¿En qué situaciones es más apropiado usar una etiqueta HTML IMG para mostrar una imagen, en lugar de una CSS background-imag ... cesibilidad, el soporte del navegador, el contenido dinámico o cualquier tipo de límites técnicos o principios de usabilidad.

Twitter Bootstrap CSS que afecta a Google Maps

Estoy usando Twitter Bootstrap, y tengo un mapa de Google. Las imágenes en el mapa, como el marcador, están siendo sesgadas ... la imagen del marcador aparece como normal. ¿Cómo puedo evitar que el CSS de Bootstrap afecte a las imágenes de Google Maps?

Uso: después de borrar elementos flotantes

Tengo una lista y las li tienen un float:left;. El contenido después de <ul> debe estar alineado correctamente. Por lo ... emplo no funciona: Http://jsfiddle.net/EyNnk / ¿Siempre tengo que crear un div separado para borrar elementos flotantes?

¿Cómo mantengo dos divs uno al lado del otro de la misma altura?

Tengo dos divs uno al lado del otro. Me gustaría que la altura de ellos sea la misma, y permanecer igual si uno de ellos camb ... #cccccc; float:left; padding-bottom:1000px; margin-bottom:-1000px"> Some content! </div> </div>

Alineación vertical de elementos en un div

Tengo un div con dos imágenes y un h1. Todos ellos deben estar alineados verticalmente dentro del div, uno al lado del otro. ... <img src=".." ></img> <h1>testing...</h1> <img src="..."></img> </div>