Domande taggate «css»

Il semplice codice HTML riportato di seguito viene visualizzato in modo diverso nei browser basati su Firefox e WebKit (ho verificato in Safari, Chrome e iPhone). In Firefox sia il bordo che il testo hanno lo stesso colore ( #880000), ma in Safari il testo diventa un po 'più chiaro …

93 iphone  html  css  safari  webkit 

Qualcuno sa come ridimensionare il poster video HTML5 in modo che si adatti alle dimensioni esatte del video stesso? ecco un jsfiddle che mostra il problema: http://jsfiddle.net/zPacg/7/ ecco quel codice: HTML: <video controls width="100%" height="100%" poster="http://www.wpclipart.com/blanks/buttons/glossy_buttons/glossy_button_blank_orange_rectangle.png"> <source src="http://demo.inwebson.com/html5-video/iceage4.mp4" type="video/mp4" /> <source src="http://demo.inwebson.com/html5-video/iceage4.ogg" type="video/ogg" /> <source src="http://demo.inwebson.com/html5-video/iceage4.webm" type="video/webm" /> </video>​ CSS: …

93 css  html  attributes  html5-video 

Stavo lottando con la configurazione di libsass perché non era così semplice come il transpiler basato su Ruby. Qualcuno potrebbe spiegare come: installare libsass? usarlo dalla riga di comando? usarlo con task runner come gulp e grunt? Ho poca esperienza con i gestori di pacchetti e ancor meno con i …

93 css  sass  gulp-sass  node-sass  libsass 

Ho un contenitore flessibile con due elementi flessibili. Voglio impostare un margine superiore sul secondo, ma solo quando è avvolto e non sulla prima linea flessibile. Se possibile, voglio evitare di utilizzare le media query. Ho pensato che il margine inferiore sul primo elemento potesse essere una soluzione. Tuttavia, aggiunge …

93 css  margin  flexbox 

Ecco un'illustrazione del problema (testato in Firefox e Chrome): <div style="background-color: red;"><svg height="100px" width="100" style="background-color: blue;"></svg></div> Esegui snippet di codiceHide resultsEspandi lo snippet Visualizza su JSFiddle Notare lo redspazio extra all'interno divdel blu sotto svg. Già provato l'impostazione paddinge margindi entrambi gli elementi 0, ma senza fortuna.

93 html  css  svg 

Sembra che ci sia un problema con la mia pagina qui: http://www.lonewulf.eu Quando si passa con il mouse sulle miniature, l'immagine si sposta leggermente a destra e accade solo su Chrome. Il mio css: .img{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5; display:block; border:1px solid #121212; } .img:hover{ …

92 css  image  google-chrome  hover  opacity 

Ho un modale bootstrap 2.32 che sto cercando di inserire dinamicamente nell'HTML di un'altra vista. Sto lavorando con Codeigniter 2.1. Dopo aver inserito dinamicamente una vista parziale modale bootstrap in una vista , ho: <div id="modal_target"></div> come div di destinazione per l'inserimento. Ho un pulsante nella mia vista che assomiglia …

92 javascript  jquery  css  twitter-bootstrap  twitter-bootstrap-2 

Mi sto divertendo moltissimo con questo particolare selettore CSS che non vuole funzionare quando aggiungo :not(:empty)ad esso. Sembra funzionare bene con qualsiasi combinazione degli altri selettori: input:not(:empty):not(:focus):invalid { border-color: #A22; box-shadow: none } Se rimuovo la :not(:empty)parte, funziona perfettamente. Anche se cambio il selettore in input:not(:empty)esso, non selezionerò ancora i …

92 html  css  css-selectors 

È possibile fare in modo che la navigazione della barra laterale rimanga sempre fissa sullo scorrimento in layout fluido?

92 css  twitter-bootstrap  css-position  fluid-layout 

Attualmente, l'ho inserito nel tag body per disabilitare le selezioni di testo: body { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } Tuttavia, le mie caselle inpute textareaora non sono selezionabili. Come posso rendere selezionabili solo questi elementi di input e gli altri non selezionabili?

92 css 

Ecco il problema. Ho un'immagine: <img alt="alttext" src="filename.jpg"/> Nota nessuna altezza o larghezza specificate. In alcune pagine voglio mostrare solo una miniatura. Non posso modificare l'html, quindi utilizzo il seguente CSS: .blog_list div.postbody img { width:75px; } Che (nella maggior parte dei browser) crea una pagina di miniature di larghezza …

92 javascript  css  internet-explorer  image  internet-explorer-6 

Inizialmente ho creato un'app web in HTML, CSS e JavaScript, poi mi è stato chiesto di crearla di nuovo anche in Bootstrap. Ho fatto tutto bene, ma avevo i pulsanti di attivazione / disattivazione nell'app Web che sono tornati ai pulsanti della radio (originariamente casella di controllo) invece dei pulsanti …

92 javascript  jquery  css  twitter-bootstrap  jqtouch 

Ho questo codice: <footer class="row"> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 1</li> <li>Text 2</li> <li>Text 3</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 4</li> <li>Text 5</li> <li>Text 6</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 7</li> <li>Text 8</li> <li>Text 9</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 10</li> <li>Text 11</li> <li>Text …

92 html  css  twitter-bootstrap  twitter-bootstrap-3  responsive-design 

C'è un modo per implementare una funzione di callback in caso di animazione CSS3? In caso di animazione Javascript è possibile ma non trovare alcun modo per farlo in css3. Un modo che ho potuto vedere è eseguire il callback dopo la durata dell'animazione, ma ciò non garantisce che verrà …

92 javascript  css  frontend 

Ho il seguente markup: <div class="FixedHeightContainer"> <h2>Title</h2> <div class="Content"> ..blah blah blah... </div> </div> Il CSS ha questo aspetto: .FixedHeightContainer { float:right; height: 250px; width:250px; } .Content { ??? } A causa del suo contenuto, l'altezza di div.Contentè in genere maggiore dello spazio fornito da div.FixedHeightContainer. Al momento, si div.Contentestende …

92 css  scrollbar  overflow