Preguntas etiquetadas con css

Estoy haciendo una compilación previa de activos y ejecuto la aplicación en modo de producción. Después de la compilación cuando cargo mi página de índice, recibí las siguientes advertencias en la consola de Chrome: Failed to decode downloaded font: http://localhost:3000/fonts/ionicons.ttf?v=2.0.0 prospects:1 OTS parsing error: invalid version tag Failed to decode …

136 css  asset-pipeline  ruby-on-rails-4.1  custom-font 

Tengo este codigo: <table class="topics" > <tr> <td style="white-space: nowrap; padding: 0 5px 0 0; color:#3A5572; font-weight: bold;">Test</td> <td style="padding: 0 4px 0 0;">1.0</td> <td>abc</td> </tr> <tr> <td style="white-space: nowrap; padding: 0 5px 0 0; color:#3A5572; font-weight: bold;">test2</td> <td style="padding: 0 4px 0 0;">1.3</td> <td>def</td> </tr> </table> Las filas están …

136 html  css 

Tengo el siguiente código que configura un contenedor que tiene una altura que cambia con el ancho cuando se redimensiona el navegador (para mantener una relación de aspecto cuadrado). HTML <div class="responsive-container"> <div class="dummy"></div> <div class="img-container"> <IMG HERE> </div> </div> CSS .responsive-container { position: relative; width: 100%; border: 1px solid …

135 html  css  responsive-design  vertical-alignment 

Estoy tratando de mostrar una imagen png en un <button>elemento en HTML. El botón tiene el mismo tamaño que la imagen, y la imagen se muestra pero, por alguna razón, no está en el centro, por lo que es imposible verlo todo. En otras palabras, parece que la esquina superior …

135 html  css  image  button 

Tengo muchas <a>etiquetas html sin el hrefatributo para hacer onclickllamadas javascript. Estos enlaces no tienen un estilo de puntero de cursor. Tienen cursor de estilo de texto. ¿Cómo puedo configurar el estilo del cursor para señalar los enlaces sin usar el hrefatributo? Sé que puedo agregar href = "#". Tengo …

135 javascript  html  css  hyperlink  cursor 

Tengo un div dentro de otro div. #outery #inner. #outerTiene bordes curvos y un fondo blanco. #innerno tiene bordes curvos y un fondo verde. #innerse extiende más allá de los bordes curvos de #outer. ¿Hay alguna manera de parar esto? #outer { display: block; float: right; margin: 0; width: 200px; …

135 css 

Ya sé de: último hijo. Pero, ¿hay alguna manera de seleccionar el div: <div id="container"> <div>a</div> <div>b</div> <div>SELECT THIS</div> <!-- THIS --> <div>c</div> </div> NOTA: sin jQuery, solo con CSS

135 html  css  css-selectors 

He leído la documentación , que dice que si quiero usar scsstengo que ejecutar el siguiente comando: ng set defaults.styleExt scss Pero cuando hago eso y hago ese archivo, sigo recibiendo este error en mi consola: styles.bundle.js:33Uncaught Error: Module build failed: Error: ENOENT: no such file or directory, open '/Users/Egen/Code/angular/src/styles.css'(…)

135 css  angular  sass  angular6  angular-cli 

Soy un novato en bootstrap y tengo una plantilla 100% ancha que quiero codificar con bootstrap. La primera columna comienza en la esquina izquierda y tengo un mapa de Google que se extiende hacia la derecha. Pensé que podría hacer esto con la container-fluidclase, pero parece que ya no está …

134 html  css  twitter-bootstrap  layout  twitter-bootstrap-3 

En muchos sitios, como http://www.clearleft.com , notará que cuando los enlaces se ciernen, se desvanecerán en un color diferente en lugar de cambiar de inmediato, la acción predeterminada. Supongo que JavaScript se usa para crear este efecto, ¿alguien sabe cómo?

134 css  hover  fade  effect 

¿Puedes desactivar las pestañas en Bootstrap 2.0 como puedes desactivar los botones?

134 javascript  css  twitter-bootstrap  twitter-bootstrap-2 

El problema es que cuando tiene que usar IFrames para insertar contenido en un sitio web, entonces en el mundo web moderno se espera que el IFrame también responda. En teoría es simple, simplemente use <iframe width="100%"></iframe>o configure el ancho de CSS eniframe { width: 100%; } sin embargo, en …

134 html  css  iframe 

Tenemos dos DIV, uno incrustado en el otro. Si el DIV externo no está en posición absoluta, entonces el DIV interno, que está en posición absoluta, no obedece al desbordamiento oculto del DIV externo ( ejemplo ). ¿Hay alguna posibilidad de hacer que el DIV interno obedezca el desbordamiento oculto …

134 html  css  layout  overflow  css-position 

Ha habido un problema de larga data con Firefox que no carga la fuente desde un origen diferente que la página web actual. Por lo general, el problema surge cuando las fuentes se sirven en CDN. Se han planteado varias soluciones en otras preguntas: CSS @ font-face no funciona con …

134 css  firefox  amazon-s3  font-face  cors 

Estoy usando Font Awesome en algún proyecto, pero tengo algunas cosas que quiero hacer con los iconos de Font Awesome, puedo llamar fácilmente a un icono como este: <i class="fa fa-lock"></i> ¿Es posible que todos los íconos estén siempre en círculo con borde? Algo como esto, tengo una foto: Utilizando …

134 css  font-awesome