¿Cómo aplico un efecto de desplazamiento sobre un aelemento, pero no a un aelemento con la clase?active ? a:hover(not: .active) Parece que falta algo.
Quiero eliminar el brillo azul del cuadro de texto y el borde, pero no sé cómo anular ninguno de los js o css, marque aquí EDITAR 1 Quiero hacer esto porque estoy usando el complemento jquery Tag-it y también estoy usando twitter bootstrap, el complemento usa un textField oculto para agregar...
¿Cómo espaciamos las consultas de medios con precisión para evitar superposiciones? Por ejemplo, si consideramos el código: @media (max-width: 20em) { /* for narrow viewport */ } @media (min-width: 20em) and (max-width: 45em) { /* slightly wider viewport */ } @media (min-width: 45em) { /*...
¿qué hace -webkit-transform: translate3d(0,0,0); exactamente? ¿Tiene problemas de rendimiento? ¿Debería aplicarlo al cuerpo o elementos individuales? Parece mejorar drásticamente los eventos de desplazamiento. ¡Gracias por la lección!
Estoy intentando crear una pared de imágenes que consta de fotos de productos. Desafortunadamente, todos tienen diferente altura y ancho. ¿Cómo puedo usar CSS para que todas las imágenes se vean del mismo tamaño? preferiblemente 100 x 100. Estaba pensando en hacer un div que tenga una altura y...
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
Esta es mi barra de navegación simple: <div class="navbar navbar-fixed-top myfont" role="navigation"> <div class=""> <ul class="nav navbar-nav navbar-left"> <li> <a class="navbar-brand" href="#"> <img src="assets/img/logo.png"/> </a> </li>...
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...
Quiero crear un tutorial que guíe al usuario exactamente donde hacer clic. Estoy tratando de cubrir toda la pantalla con una <div>, que se atenuará todos los elementos excepto una región específica que se encuentra en un fijo width, height, topy left. El problema es que no puedo encontrar...
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...
(No debe confundirse con Xunit , una popular biblioteca de pruebas de unidades .Net). Hoy, en un ataque de aburrimiento, comencé a inspeccionar DOM de Gmails (sí, estaba muy aburrido). Todo parecía bastante sencillo hasta que noté una especificación interesante sobre los anchos de ciertos...
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...
На этот вопрос есть ответы на Stack Overflow на русском : Div. Занять оставшееся место ¿Cómo puedo hacer que un div llene el ancho restante? <div id="Main" style="width: 500px;"> <div id="div1" style="width: 100px;"></div> <div...
Necesito una notificación al estilo de Facebook, pero conseguir algo que se vea bien en varios navegadores parece complicado. Por ejemplo, los diferentes navegadores parecen tratar los rellenos de manera diferente, lo que resulta en notificaciones de aspecto extraño. ¿Cuál es la mejor forma en...
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...
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:...
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"
Estoy preocupado por background-position-xy background-position-y. Gecko (Firefox) y Presto (Opera) no los admiten, pero Webkit (Chrome, Safari) sí ... ¿Alguien sabe (con referencias oficiales) si esto está (o estará) incluido en el estándar?
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...
Entiendo que las fuentes de iconos son solo fuentes y que puedes obtener los iconos simplemente llamando a su nombre de clase, pero ¿cómo funcionan las fuentes de iconos? Intenté verificar los recursos de fuentes de íconos relacionados cargados en Chrome para ver cómo las fuentes de íconos...