Me gustaría escribir una regla de selector de CSS que seleccione todos los elementos que no tienen una clase determinada. Por ejemplo, dado el siguiente HTML: <html class="printable"> <body class="printable"> <h1 class="printable">Example</h1> <nav> <!-- Some...
Estoy tratando de solucionar un problema divpara que siempre se quede en la parte superior de la pantalla, usando: position: fixed; top: 0px; right: 0px; Sin embargo, divestá dentro de un contenedor centrado. Cuando lo uso position:fixed, corrige el divrelativo a la ventana del navegador, como...
¿Hay una manera simple de mostrar un mapa de bits de color en escala de grises con solo HTML/CSS? No necesita ser compatible con IE (e imagino que no lo será); si funciona en FF3 y / o Sf3, eso es lo suficientemente bueno para mí. Sé que puedo hacerlo con ambos SVGy Canvas, pero eso parece mucho...
Usando comentarios condicionales es fácil apuntar a Internet Explorer con reglas CSS específicas del navegador: <!--[if IE 6]> ...include IE6-specific stylesheet here... <![endif]--> A veces es el motor Gecko (Firefox) el que se porta mal. ¿Cuál sería la mejor manera de apuntar solo a...
¿Hay alguna manera mejor de reescribir esto? $('element').removeClass('class1').removeClass('class2'); No puedo usar, removeClass();ya que eliminaría TODAS las clases, que no
Cuando un elemento HTML está 'enfocado' (actualmente seleccionado / tabulado), muchos navegadores (al menos Safari y Chrome) colocarán un borde azul a su alrededor. Para el diseño en el que estoy trabajando, esto distrae y no se ve bien. <input type="text" name="user" class="middle" id="user"...
¿Cuál es exactamente la diferencia entre los valores inliney inline-blockde CSS
Usando CSS, ¿cómo puedo aplicar más de uno transform? Ejemplo: A continuación, solo se aplica la traducción, no la rotación. li:nth-child(2) { transform: rotate(15deg); transform: translate(-20px,0px);
Usando JavaScript simple (no jQuery), ¿hay alguna forma de verificar si un elemento contiene una clase? Actualmente, estoy haciendo esto: var test = document.getElementById("test"); var testClass = test.className; switch (testClass) { case "class1": test.innerHTML = "I have class1"; break;...
Estoy trabajando con imágenes y me encontré con un problema con las relaciones de aspecto. <img src="big_image.jpg" width="900" height="600" alt="" /> Como puede ver, heighty widthya están especificados. Agregué la regla CSS para las imágenes: img { max-width:500px; } Pero para...
He usado el código para mi modal directamente desde el ejemplo de Bootstrap, y he incluido solo bootstrap.js (y no bootstrap-modal.js). Sin embargo, mi modal aparece debajo del desvanecimiento gris (fondo) y no es editable. Así es como se ve: Vea este violín para una forma de reproducir este...
¿Por qué no hay un botón de carga de elemento de archivo elegante para Twitter Bootstrap? Sería bueno si el botón primario azul se implementara para el botón de carga. ¿Es posible incluso refinar el botón de carga usando CSS? (parece un elemento de navegador nativo que no puede ser...
Estoy tratando de seguir un ejemplo muy básico. Usando la página de inicio y el sistema de cuadrícula , esperaba lo siguiente: <div class="row"> <div class="span12"> <h1>Bootstrap starter template</h1> <p>Example text.</p> </div> </div>...
Tengo una etiqueta div como esta: <div> <label>Name</label> <input type="text"/> </div> ¿Cómo puedo mostrar una información sobre herramientas :hoverdel div, preferiblemente con un efecto de fundido de entrada /
He estado usando word-wrap: break-wordpara envolver texto en divsyspan s. Sin embargo, no parece funcionar en las celdas de la tabla. Tengo una tabla establecida en width:100%, con una fila y dos columnas. El texto en columnas, aunque está diseñado con lo anterior word-wrap, no se ajusta. Hace que...
Sé lo que es CSS Reset, pero recientemente escuché sobre esta nueva cosa llamada Normalize.css ¿Cuál es la diferencia entre Normalize.css y Reset CSS ? ¿Cuál es la diferencia entre normalizar CSS y restablecer CSS? ¿Es solo una nueva palabra de moda para el restablecimiento de...
¿Qué tiene de malo mi código angular? Estoy obteniendo: Cannot read property 'remove' of undefined at BrowserDomAdapter.removeClass ... HTML <ol class="breadcrumb"> <li *ngClass="{active: step==='step1'}" (click)="step='step1; '">Step1</li> <li *ngClass="{active:...
Los selectores de CSS coinciden con los motores del navegador de derecha a izquierda. Entonces, primero encuentran a los niños y luego verifican a sus padres para ver si coinciden con el resto de las partes de la regla. ¿Por qué es esto? ¿Es solo porque la especificación dice? ¿Afecta el diseño...
Esta <div id="" style="overflow:scroll; height:400px;"> Ejecutar fragmento de códigoOcultar resultadosExpandir fragmento da un divque el usuario puede desplazarse tanto horizontal como verticalmente. ¿Cómo lo cambio para que el div solo se pueda desplazar
Quiero un diseño div de dos columnas, donde cada uno puede tener un ancho variable, por ejemplo div { float: left; } .second { background: #ccc; } <div>Tree</div> <div class="second">View</div> Ejecutar fragmento de códigoHide resultsExpandir fragmento Quiero que...