Preguntas etiquetadas con css

¿Hay alguna manera de obtener el ancho del dispositivo de los usuarios, en lugar del ancho de la ventana gráfica, usando JavaScript? Las consultas de medios CSS ofrecen esto, como puedo decir @media screen and (max-width:640px) { /* ... */ } y @media screen and (max-device-width:960px) { /* ... */ …

128 javascript  css  media-queries 

¿Alguien puede ayudarme a entender este error? Con Firefox funciona bien, pero con Internet Explorer 7 no. Parece no entender el display: inline-block;. html: <div class="frame-header"> <h2>...</h2> </div> css: .frame-header { height:25px; display:inline-block; }

127 html  internet-explorer-7  css 

Quiero superponer una imagen con otra usando CSS. Un ejemplo de esto es la primera imagen (el fondo si lo desea) será un enlace en miniatura de un producto, con el enlace que abre una caja de luz / ventana emergente que muestra una versión más grande de la imagen. …

127 html  css 

¿Se descargan o ignoran las imágenes CSS no utilizadas? P.ej. en reglas CSS que no coinciden con ningún elemento. .nothingHasThisClass{background:url(hugefile.png);} ¿O esto dependería del navegador?

127 css 

Nuevo en bootstrap 3 .... En mi diseño tengo: <div class="row"> <div class="col-lg-6 col-md-6">elements 1</div> <div class="col-lg-6 col-md-6"> <div class="pull-right"> elements 2 </div> </div> </div> Me gustaría que los 'elementos 2' NO estén alineados en pantallas más pequeñas que col-lg. Entonces, efectivamente, tener la clase pull-right solo para col-lg-6 ... …

127 css  twitter-bootstrap  twitter-bootstrap-3  bootstrap-4 

¿De qué sirve usar esta sintaxis? div.card > div.name ¿Cuál es la diferencia entre esto? div.card div.name

127 css  css-selectors 

¿Cómo configurar el color de fondo de tdjQuery? p.ej $(this).css({**BackgroundColor:Red**}) Gracias

127 jquery  css 

Cuando configuro la familia de fuentes, el tamaño de fuente, el color, etc., parece que algunos elementos anidados los anulan con los valores predeterminados del navegador. ¿Debo especificar realmente esas docenas de veces para cualquier tipo de elemento en mi página, o hay una manera de configurarlos globalmente de una …

127 css 

Sé que esta es una pregunta bastante simple, pero no puedo resolverla por mi vida. Tengo dos enlaces a los que he aplicado una imagen de fondo. Así es como se ve actualmente (disculpas por la sombra, solo un boceto de un botón): Sin embargo, quiero que esos dos botones …

127 css  html  alignment 

Estoy construyendo un proyecto con Bootstrap y estoy enfrentando un pequeño problema. Tengo un contenedor debajo del Nav-top. Mi problema es que una parte de mi contenedor está oculta debajo del encabezado nav-top. No quiero usar el margen superior con envase. Vea a continuación el html en el que estoy …

127 css  twitter-bootstrap 

Normalmente, cuando queremos tener múltiples DIVsen una fila, usaríamos float: left, pero ahora descubrí el truco dedisplay:inline-block Enlace de ejemplo aquí . Me parece que display:inline-blockes una mejor manera de hacerlo align DIVsen una fila, pero ¿hay algún inconveniente? ¿Por qué este enfoque es menos popular que el floattruco?

127 css  css-float  html 

Tengo una página html con divs que tienen id (s) de la forma s1 , s2 , etc. <div id="sections"> <div id="s1">...</div> <div id="s2">...</div> ... </div> Quiero aplicar una propiedad css a un subconjunto de estas secciones / divs (dependiendo de la identificación). Sin embargo, cada vez que agrego un …

127 css  regex 

El título lo resume más o menos. La hoja de estilo externa tiene el siguiente código: td.EvenRow a { display: none !important; } He intentado usar: element.style.display = "inline"; y element.style.display = "inline !important"; Pero tampoco funciona. ¿Es posible anular un estilo! Importante usando javascript. Esto es para una extensión …

127 javascript  css 

Tal como está actualmente, esta pregunta no es adecuada para nuestro formato de preguntas y respuestas. Esperamos que las respuestas sean respaldadas por hechos, referencias o experiencia, pero esta pregunta probablemente solicitará debate, argumentos, encuestas o discusión extendida. Si cree que esta pregunta se puede mejorar y posiblemente volver a …

126 css  css-sprites  web-performance 

Utilizando el ejemplo central tomado de la página de ejemplos Javascript Bootstrap 3 para Colapso , he podido mostrar el estado del colapso usando íconos de chevron. Tengo esto trabajando usando: $('#accordion .accordion-toggle').click(function (e) { var chevState = $(e.target).siblings("i.indicator").toggleClass('glyphicon-chevron-down glyphicon-chevron-up'); $("i.indicator").not(chevState).removeClass("glyphicon-chevron-down").addClass("glyphicon-chevron-up"); }); Esto funciona (no se ha probado completamente en …

126 jquery  css  twitter-bootstrap  twitter-bootstrap-3