Domande taggate «css»

io ho body { background: url(images/background.svg); } L'effetto desiderato è che questa immagine di sfondo abbia una larghezza uguale a quella della pagina, l'altezza cambia per mantenere la proporzione. ad esempio, se l'immagine originale risulta essere 100 * 200 (qualsiasi unità) e il corpo è largo 600 px, l'immagine di …

365 html  css 

Nel codice seguente, desidero che venga visualizzato un suggerimento quando l'utente passa l'intervallo, come posso fare? Non voglio usare alcun link. <span> text </span>

364 html  css 

A volte uso ancore in stile pulsanti e altre volte uso solo pulsanti. Voglio disabilitare specifiche cose clicky in modo che: Sembrano disabilitati Smettono di essere cliccati Come posso fare questo?

360 jquery  html  css  twitter-bootstrap 

Ho una regola di stile che voglio applicare a un tag quando ha due classi. Esiste un modo per eseguire ciò senza JavaScript? In altre parole: <li class='left ui-class-selector'> Voglio applicare la mia regola di stile solo se lisono state applicate entrambe .lefte le .ui-class-selectorclassi.

360 css  css-selectors 

Come potrei modellare il colore, la dimensione e l'ombra delle icone da Font Awesome ? Ad esempio, il sito di Font Awesome mostrerà alcune icone in bianco e alcune in rosso, ma non mostrerà il CSSmodo in cui modellarle in quel modo ...

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

Su http://github.com lo sviluppatore conserva i file HTML, CSS, JavaScript e di immagini del progetto. Come posso vedere l'output HTML nel browser? Per esempio questo: https://github.com/necolas/css3-social-signin-buttons/blob/master/index.html Quando apro questo non mostra l'HTML renderizzato del codice dell'autore. Mostra la pagina come codice sorgente. È possibile vederlo direttamente come HTML renderizzato? Altrimenti …

355 html  css  git  github  github-pages 

Sto implementando l'impaginazione e deve essere centrato. Il problema è che i collegamenti devono essere visualizzati come blocchi, quindi devono essere mobili. Ma poi, text-align: center;non funziona su di loro. Potrei ottenerlo dando al pad wrapper il div pading di sinistra, ma ogni pagina avrà un numero diverso di pagine, …

355 css-float  center  css 

Voglio usare questa tecnica http://css-tricks.com/svg-fallbacks/ e cambiare il colore svg ma finora non sono stato in grado di farlo. L'ho messo nel CSS ma la mia immagine è sempre nera, non importa quale. Il mio codice: .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> …

352 css  svg 

Il corpo del mio documento html è composto da 3 elementi, un pulsante, un modulo e una tela. Voglio che il pulsante e il modulo siano allineati a destra e la tela rimanga allineata a sinistra. Il problema è quando provo ad allineare i primi due elementi, non si susseguono …

351 css  html 

Sono nuovo di ReactJS e JSX e sto riscontrando un piccolo problema con il codice seguente. Sto cercando di aggiungere più classi classNameall'attributo su ciascuna li: <li key={index} className={activeClass, data.class, "main-class"}></li> Il mio componente React è: var AccountMainMenu = React.createClass({ getInitialState: function() { return { focused: 0 }; }, clicked: …

348 javascript  css  reactjs  ecmascript-6 

Come scrivere :hovere :visitedcondizionare a:before? Ci sto provando a:before:hoverma non funziona

347 css  css-selectors  pseudo-element  pseudo-class 

Voglio che il mio corpo smetta di scorrere quando uso la rotellina del mouse mentre Modal (da http://twitter.github.com/bootstrap ) sul mio sito Web è aperto. Ho provato a chiamare il pezzo di javascript sotto quando il modale è aperto ma senza successo $(window).scroll(function() { return false; }); E $(window).live('scroll', function() …

346 javascript  jquery  css  scroll 

Quindi ho un input di testo <input type="text" value="3" class="field left"> Ecco il mio CSS per questo 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; C'è un'ambientazione o un trucco in questo, stavo pensando invece di fare un'etichetta ma che ne dici …

344 html  css  html-input 

Ho creato un sito usando la griglia di Zurb Foundation 3 . Ogni pagina ha una grande 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> …

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

Problema: Rimuovi il riempimento / margine a destra e a sinistra di col-md- * in Bootstrap 3. Codice 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