Preguntas etiquetadas con css

yo tengo body { background: url(images/background.svg); } El efecto deseado es que esta imagen de fondo tendrá un ancho igual al de la página, cambiando la altura para mantener la proporción. por ejemplo, si la imagen original es de 100 * 200 (cualquier unidad) y el cuerpo tiene 600px de …

365 html  css 

En el siguiente código, quiero que aparezca una información sobre herramientas cuando el usuario pasa el lapso, ¿cómo hago eso? No quiero usar ningún enlace. <span> text </span>

364 html  css 

A veces uso anclas con estilo como botones y otras solo uso botones. Quiero deshabilitar cosas específicas para que: Se ven discapacitados Dejan de ser cliqueados ¿Cómo puedo hacer esto?

360 jquery  html  css  twitter-bootstrap 

Tengo una regla de estilo que quiero aplicar a una etiqueta cuando tiene dos clases. ¿Hay alguna forma de realizar esto sin JavaScript? En otras palabras: <li class='left ui-class-selector'> Quiero aplicar mi regla de estilo solo si se lihan aplicado las dos .lefty las .ui-class-selectorclases.

360 css  css-selectors 

¿Cómo podría diseñar el color, el tamaño y la sombra de los iconos de los iconos de Font Awesome? ? Por ejemplo, el sitio de Font Awesome mostrará algunos íconos en blanco y otros en rojo, pero no mostrará CSScómo diseñarlos de esa manera ...

358 css  twitter-bootstrap  icons  styles  font-awesome-4 

En http://github.com el desarrollador conserva los archivos HTML, CSS, JavaScript e imágenes del proyecto. ¿Cómo puedo ver la salida HTML en el navegador? Por ejemplo esto: https://github.com/necolas/css3-social-signin-buttons/blob/master/index.html Cuando abro esto, no muestra el HTML representado del código del autor. Muestra la página como un código fuente. ¿Es posible verlo como …

355 html  css  git  github  github-pages 

Estoy implementando la paginación, y debe centrarse. El problema es que los enlaces deben mostrarse como bloque, por lo que deben flotarse. Pero entonces, text-align: center;no funciona en ellos. Podría lograrlo dando el relleno de división de envoltura de la izquierda, pero cada página tendrá un número diferente de páginas, …

355 css-float  center  css 

Quiero usar esta técnica http://css-tricks.com/svg-fallbacks/ y cambiar el color de svg, pero hasta ahora no he podido hacerlo. Puse esto en el CSS pero mi imagen siempre es negra, pase lo que pase. Mi código: .change-my-color { fill: green; } <svg> <image class="change-my-color" xlink:href="https://svgur.com/i/AFM.svg" width="96" height="96" src="ppngfallback.png" /> </svg> Ejecutar …

352 css  svg 

El cuerpo de mi documento html consta de 3 elementos, un botón, un formulario y un lienzo. Quiero que el botón y el formulario estén alineados a la derecha y que el lienzo permanezca alineado a la izquierda. El problema es que cuando trato de alinear los dos primeros elementos, …

351 css  html 

¿Cómo escribir :hovery :visitedcondicionar a:before? Lo intento a:before:hoverpero no funciona

347 css  css-selectors  pseudo-element  pseudo-class 

Quiero que mi cuerpo deje de desplazarse cuando use la rueda del mouse mientras esté abierto el Modal (de http://twitter.github.com/bootstrap ) en mi sitio web. Intenté llamar a la pieza de JavaScript a continuación cuando se abre el modal pero sin éxito $(window).scroll(function() { return false; }); Y $(window).live('scroll', function() …

346 javascript  jquery  css  scroll 

Soy nuevo en ReactJS y JSX y tengo un pequeño problema con el código a continuación. Estoy tratando de agregar varias clases al classNameatributo en cada una li: <li key={index} className={activeClass, data.class, "main-class"}></li> Mi componente Reaccionar es: var AccountMainMenu = React.createClass({ getInitialState: function() { return { focused: 0 }; }, …

346 javascript  css  reactjs  ecmascript-6 

Entonces tengo una entrada de texto <input type="text" value="3" class="field left"> Aquí está mi CSS para ello background:url("images/number-bg.png") no-repeat scroll 0 0 transparent; border:0 none; color:#FFFFFF; height:17px; margin:0 13px 0 0; text-align:center; width:17px; ¿Hay una configuración o un truco para esto? Estaba pensando en hacer una etiqueta, pero ¿qué hay …

344 html  css  html-input 

Problema: Elimine el relleno / margen a la derecha e izquierda de col-md- * en Bootstrap 3. Código HTML: <div class="col-md-12"> <h2>OntoExplorer<span style="color:#b92429">.</span></h2> <div class="col-md-4"> <div class="widget"> <div class="widget-header"> <h3>Dimensions</h3> </div> <div class="widget-content" id=""> <div id='jqxWidget'> <div style="clear:both;margin-bottom:20px;" id="listBoxA"></div> <div style="clear:both;" id="listBoxB"></div> </div> </div> </div> </div> <div class="col-md-8"> <div class="widget"> …

342 css  twitter-bootstrap  html 

He creado un sitio usando la cuadrícula Zurb Foundation 3 . Cada página tiene un gran h1: body { font-size: 100% } /* Headers */ h1 { font-size: 6.2em; font-weight: 500; } <div class="row"> <div class="twelve columns text-center"> <h1> LARGE HEADER TAGLINE </h1> </div> <!-- End Tagline --> </div> <!-- …

341 css  responsive-design  font-size  zurb-foundation  em