Preguntas etiquetadas con css

Estoy trabajando en la creación de una rotación compatible con varios navegadores (ie9 +) y tengo el siguiente código en un jsfiddle $(document).ready(function () { DoRotate(30); AnimateRotate(30); }); function DoRotate(d) { $("#MyDiv1").css({ '-moz-transform':'rotate('+d+'deg)', '-webkit-transform':'rotate('+d+'deg)', '-o-transform':'rotate('+d+'deg)', '-ms-transform':'rotate('+d+'deg)', 'transform': 'rotate('+d+'deg)' }); } function AnimateRotate(d) { $("#MyDiv2").animate({ '-moz-transform':'rotate('+d+'deg)', '-webkit-transform':'rotate('+d+'deg)', '-o-transform':'rotate('+d+'deg)', '-ms-transform':'rotate('+d+'deg)', 'transform':'rotate('+d+'deg)' }, …

81 jquery  css  rotation  jquery-animate 

Mi aplicación está usando JSoup para descargar el HTML de una página de tablero de mensajes (digamos que en este caso es una página que contiene las publicaciones de un hilo dado). Me gustaría tomar este HTML, eliminar los elementos no deseados y aplicar CSS personalizado para diseñarlo para que …

81 android  html  css  webview 

¿Hay alguna diferencia entre jQuery('#id').show() and jQuery('#id').css("display","block") y jQuery('#id').hide() and jQuery('#id').css("display","none")

81 javascript  jquery  css 

Con las consultas de medios CSS, puede utilizar max-device-widthpara orientar el ancho de un dispositivo (como un dispositivo iPhone o Android) y / o un max-widthancho de página. Si usa max-device-width, cuando cambia el tamaño de la ventana del navegador en su escritorio, el CSS no cambiará, porque su escritorio …

81 css  responsive-design  media-queries 

Estoy tratando de darle algo de relleno a mi div y textarea. Cuando hago esto, aumenta el tamaño del elemento, en lugar de reducir el área de contenido dentro de él. ¿Hay alguna forma de lograr lo que estoy tratando de hacer?

81 html  css 

Sería bueno envolver estilos css para diferentes resoluciones dentro de algunas clases css usando less. Me gustaría hacer algo como: footer { width: 100%; } .tablet { footer { width: 768px; } } .desktop { footer { width: 940px; } } Al final, algo como esto debería ser el resultado: …

81 css  responsive-design  less  media-queries 

No entiendo por qué los márgenes de estos div se superponen. .alignright {float: right} #header .social {margin-top: 50px;} #header .social a {display: inline-block;} #header .social .fb {width: 64px; height: 1px; padding-top: 60px; overflow: hidden;} #header .social .twit {width: 64px; height: 1px; padding-top: 60px; overflow: hidden;} #header .contact {margin: 20px 70px …

81 html  css  margins 

Utilizo <span>etiquetas en los títulos de mis módulos, por ejemplo <span>Categories</span>. Especifico el color / imagen de fondo del tramo, el ancho y el alto en css. Pero el ancho del tramo depende de su contenido / texto. Entonces, si lo hago <span></span>, con solo una imagen / color de …

81 css 

Supongamos que tengo un marcado como: http://jsfiddle.net/R8eCr/1/ <div class="container"> <div class="column"> <div class="cell"></div> <div class="cell"></div> <div class="cell"></div> </div> <div class="column"> <div class="cell"></div> <div class="cell"></div> <div class="cell"></div> </div> <div class="column"> <div class="cell"></div> <div class="cell"></div> <div class="cell"></div> </div> ... </div> Entonces CSS .container { display: table; border-collapse: collapse; } .column { float: …

81 css 

Estoy tratando de hacer que el div padre sea tan ancho como el div hijo. El ancho automático hace que el div principal se ajuste a toda la pantalla. Los divs secundarios tendrán diferentes anchos según su contenido, por lo que necesito que el div principal se ajuste en consecuencia. …

81 html  css 

Estoy usando Font Awesome en mi página web y quiero mostrar un ícono dentro del :beforepseudo elemento. De acuerdo con la documentación / hoja de referencia , tengo que escribir para obtener esta fuente, pero no funciona. Creo que es normal porque las entidades HTML no son compatibles con :before. …

81 html  css  unicode  encoding  icons 

Quiero establecer un tamaño de fuente mínimo para cada elemento de mi página HTML. Por ejemplo, si hay elementos con un tamaño de fuente inferior a 12 px, cambiarán a 12 px. Pero si hay elementos con un tamaño de fuente más grande que 12px, no cambiarán. ¿Hay alguna forma …

81 html  css  font-size 

Quiero que todo un bloque esté centrado en su padre, pero quiero que el contenido del bloque quede alineado a la izquierda. Los ejemplos sirven mejor En esta página : http://yaml-online-parser.appspot.com/?yaml=%23+ASCII+Art%0d%0a---+%7c%0d%0a++%5c%2f%2f%7c%7c%5c% 2f% 7c% 7c% 0d% 0a ++% 2f% 2f +% 7c% 7c ++% 7c% 7c __% 0d% 0a & tipo …

81 css  alignment  center 

Acabo de descubrir cómo ocultar la barra de desplazamiento en Google Chrome, lo hice con este código: ::-webkit-scrollbar { display: none; } El único problema es que esto no funciona en Firefox. Intenté muchas formas de hacerlo, pero aún así no funciona.

81 css  firefox 

Quiero diseñar codeelementos que no estén dentro de aetiquetas. ¿Cuál es el mejor enfoque para lograr esto? code:not(a code)no parece funcionar en absoluto, al menos en Chrome, aunque parece que debería Tampoco puedo hacer que funcione desde la consola. ¿Hay otros enfoques de solo CSS que pueda usar para esto?

81 css  css-selectors