Domande taggate «css»

Sto scrivendo un plug-in per un software che prende una grande raccolta di elementi e li inserisce in HTML in un WebView in Cocoa (che utilizza WebKit come renderer, quindi in pratica puoi supporre che questo file HTML venga aperto in Safari). I DIV che produce sono di altezza dinamica, …

199 css  cocoa  printing  page-break 

Quando due inline-block divs hanno altezze diverse, perché il più corto dei due non si allinea alla parte superiore del contenitore? ( DEMO ): .container { border: 1px black solid; width: 320px; height: 120px; } .small { display: inline-block; width: 40%; height: 30%; border: 1px black solid; background: aliceblue; } …

199 css 

So che puoi scrivere ... background-color: #ff0000; ... se vuoi qualcosa di rosso. E puoi scrivere ... background-color: rgba(255, 0, 0, 0.5); ... se vuoi qualcosa di rosso e traslucido. Esiste un modo conciso di scrivere colori parzialmente trasparenti in esadecimali? Voglio qualcosa del tipo: background-color: #ff000088; <--- the 88 …

199 css  colors  rgba 

Diciamo che ho uno snippet html come questo: <div style="width:300px;"> <label for="MyInput">label text</label> <input type="text" id="MyInput" /> </div> Questo non è il mio codice esatto, ma l'importante è che ci sia un'etichetta e un input di testo sulla stessa riga in un contenitore a larghezza fissa. Come posso modellare l'input …

199 html  css 

Esiste un modo per rimuovere il colore di collegamento ipertestuale blu predefinito da un numero di telefono quando visualizzato su un iPhone? Ti piace aggiungere uno specifico tag Safari per dispositivi mobili o CSS? Ho solo questo posto per il numero: <p id="phone-text">Call us on <strong>+44 (0)20 7194 8000</strong></p> E …

198 html  ios  css  mobile-safari 

Sto cercando di disabilitare la barra di scorrimento html / body del genitore mentre sto usando una lightbox. La parola principale qui è disabilita . Io non voglio nasconderlo con overflow: hidden;. La ragione di ciò è che overflow: hiddenfa saltare il sito e occupare l'area in cui era lo …

198 javascript  jquery  html  css 

Ho provato questo: http://jsfiddle.net/ilyaD/KGcC3/ HTML: <select name="state" class="ddList"> <option value="">(please select a state)</option> <option class="lt" value="--">none</option> <option class="lt" value="AL">Alabama</option> <option class="lt" value="AK">Alaska</option> <option class="lt" value="AZ">Arizona</option> <option class="lt" value="AR">Arkansas</option> <option class="lt" value="CA">California</option> <option class="lt" value="CO">Colorado</option> </select> CSS: select { width: 400px; text-align: center; } select .lt { text-align: center; } Come …

198 css 

Ho appena installato IE9 beta e su un sito specifico ho creato (HTML5) IE9 passa alla modalità compatibilità a meno che non glielo dica manualmente. Ho provato a rimuovere diverse parti del sito Web ma nessuna modifica. Inclusa la rimozione di tutti i CSS include. Su qualche altro sito Web …

197 html  css  internet-explorer-9  compatibility-mode 

Ho appena notato che se si assegna a un pulsante HTML una larghezza fissa, il testo all'interno del pulsante non viene mai racchiuso. L'ho provato con il ritorno a capo automatico, ma questo taglia la parola anche se ci sono spazi disponibili da avvolgere. Come posso fare in modo che …

197 html  css  button  word-wrap 

L'opposto di visibility: hiddenè visibility: visible. Allo stesso modo, c'è qualche contrario per display: none? Molte persone si confondono nel capire come mostrare un elemento quando ha display: none, dal momento che non è chiaro come usare la visibilityproprietà. Potrei semplicemente usare visibility: hiddeninvece di display: none, ma non dà …

197 css 

Ho un colore esadecimale, ad es. #F4F8FB(O rgb(244, 248, 251)) che desidero convertire nel modo più trasparente possibile colore rgba il trasparente (se visualizzato su bianco). Ha senso? Sto cercando un algoritmo, o almeno un'idea di un algoritmo per come farlo. Per esempio: rgb( 128, 128, 255 ) --> rgba( …

196 javascript  colors  css  rgba 

Bene, questo è piuttosto semplice. Se gli Strumenti per sviluppatori di Chrome mi mostrano che uno stile è ignorato, come vedere quale regola CSS lo sta sovrascrivendo? Voglio sapere se esiste qualcosa del tipo "Mostrami cosa ignora questo" . OBS: Per favore, non indicarmi Firebug.

196 css  google-chrome  developer-tools  inspector 

<html> <body> <style type="text/css"> p.first {color:blue} p.second {color:green} </style> <p class="first">Hello World</p> <p class="second">Hello World</p> <style type="text/css"> p.first {color:green} p.second {color:blue} </style> <p class="first">Hello World</p> <p class="second">Hello World</p> </body> </html> In che modo un browser dovrebbe eseguire il rendering di CSS che non è contiguo? Dovrebbe generare una struttura di …

196 html  css 

Ho una barra di navigazione sul lato sinistro della mia pagina e voglio che si estenda al 100% dell'altezza della pagina. Non solo l'altezza della finestra, ma includendo le aree nascoste fino allo scorrimento. Non voglio usare JavaScript per raggiungere questo obiettivo. Può essere fatto in HTML / CSS?

196 css  height  max  stretch 

Voglio 1 immagine più grande con 4 immagini più piccole in un formato 2x2 come questo: Il mio pensiero iniziale era quello di ospitare tutto in una riga. Quindi crea due colonne e, nella seconda colonna, crea due righe e due colonne per creare l'effetto 1x1 e 2x2. Tuttavia, questo …

196 css  html  twitter-bootstrap  grid  grid-system