Domande taggate «css»

Diciamo che ho questo HTML: <h3>Features</h3> <ul> <li><img src="alphaball.png">Smells Good</li> <li><img src="alphaball.png">Tastes Great</li> <li><img src="alphaball.png">Delicious</li> <li><img src="alphaball.png">Wholesome</li> <li><img src="alphaball.png">Eats Children</li> <li><img src="alphaball.png">Yo' Mama</li> </ul> e questo CSS: li { text-align:center; display:inline-block; padding:0.1em 1em } img { width:64px; display:block; margin:0 auto } Il risultato può essere visto qui: http://jsfiddle.net/YMN7U/1/ Ora immagina …

202 html  css 

Qual è il modo corretto di rendere corsivo il testo? Ho visto i seguenti quattro approcci: <i>Italic Text</i> <em>Italic Text</em> <span class="italic">Italic Text</span> <span class="footnote">Italic Text</span> <i> Questo è il "vecchio modo". <i>non ha significato semantico e trasmette solo l'effetto di presentazione del testo in corsivo. Per quanto posso vedere, …

202 html  css  semantic-markup 

C'è un modo per disabilitare del tutto il collasso dei margini? Le uniche soluzioni che ho trovato (con il nome di "uncollapsing") prevedono l'utilizzo di un bordo 1px o di un'imbottitura 1px. Lo trovo inaccettabile: il pixel estraneo complica i calcoli senza una buona ragione. C'è un modo più ragionevole …

202 css  margin  collapse 

Vorrei sfumare un elemento (spostando la sua opacità su 0) e, al termine, rimuovere l'elemento dal DOM. In jQuery questo è semplice poiché è possibile specificare che "Rimuovi" si verifichi al termine di un'animazione. Ma se desidero animare usando le transizioni CSS3, c'è comunque modo di sapere quando la transizione …

202 javascript  jquery  css 

Su Firefox 28, sto usando <input type="number">funziona alla grande perché porta la tastiera numerica nei campi di input che dovrebbe contenere solo numeri. In Firefox 29, l'utilizzo degli input numerici visualizza i pulsanti di selezione sul lato destro del campo, che sembrano schifo nel mio design. Non ho davvero bisogno …

202 jquery  css  firefox  input  spinner 

Ecco il mio HTML: <select id="ddlProducts" name="ddProducts"> <option>Product1 : Electronics </option> <option>Product2 : Sports </option> </select> Voglio rendere grassetto il nome del prodotto (ovvero "Prodotto1", "Prodotto2", ecc.) E le sue categorie (vale a dire Elettronica, Sport, ecc.) In corsivo, usando solo CSS. Ho trovato una vecchia domanda che menzionava che …

202 html  css  drop-down-menu 

Sono sicuro che esiste una soluzione semplice a questo problema. Fondamentalmente, se ho due colonne come posso aggiungere uno spazio tra loro? ad esempio se l'html è: <div class="col-md-6"></div> <div class="col-md-6"></div> L'output sarebbe semplicemente due colonne l'una accanto all'altra occupando l'intera larghezza della pagina. Supponiamo che la larghezza sia stata …

202 html  css  twitter-bootstrap-3  grid-layout 

Ho il codice seguente: <span> <svg height="32" version="1.1" width="32" xmlns="http://www.w3.org/2000/svg" style="overflow: hidden; position: relative; left: -0.0166626px; top: -0.983337px;"> <desc></desc> <defs/> <path style="" fill="#333333" stroke="none" d="M15.985,5.972C8.422,5.972,2.289999999999999,10.049,2.289999999999999,15.078C2.289999999999999,17.955,4.302999999999999...............1,27.68,22.274Z"/> </svg>  </span> È possibile cambiare il colore di riempimento del percorso SVG con CSS o altri mezzi senza modificarlo all'interno del tag percorso?

202 css  svg 

Come cambio il puntatore del cursore in mano quando il mouse passa sopra a <tr>in a<table> <table class="sortable" border-style:> <tr> <th class="tname">Name</th><th class="tage">Age</th> </tr> <tr><td class="tname">Jennifer</td><td class="tage">24</td></tr> <tr><td class="tname">Kate</td><td class="tage">36</td></tr> <tr><td class="tname">David</td><td class="tage">25</td></tr> <tr><td class="tname">Mark</td><td class="tage">40</td></tr> </table>

201 html  css  cursor 

Un elenco ordinato può produrre risultati simili a 1.1, 1.2, 1.3 (anziché solo 1, 2, 3, ...) con CSS? Finora, l'utilizzo list-style-type:decimalha prodotto solo 1, 2, 3, non 1.1, 1.2., 1.3.

201 html  css 

Ho provato a modellare un fieldsetelemento con display: flexe display: inline-flex. Tuttavia, non ha funzionato: si è flexcomportato come blocke si è inline-flexcomportato come inline-block. Questo succede sia su Firefox che su Chrome, ma stranamente funziona su IE. E 'un errore? Non riuscivo a trovare che fieldsetdovesse avere un comportamento …

201 html  css  flexbox 

Ho un contenitore div e ho definito il suo stile come segue: div#tbl-container { width: 600px; overflow: auto; scrollbar-base-color:#ffeaff } Questo mi dà automaticamente barre di scorrimento orizzontale e verticale una volta popolato il mio tavolo che è contenuto da questo div. Voglio solo che vengano visualizzate automaticamente solo le …

200 css  html 

So di poter impostare un valore CSS tramite JavaScript come: document.getElementById('image_1').style.top = '100px'; Ma posso ottenere un valore di stile specifico corrente? Ho letto dove posso ottenere l'intero stile per l'elemento, ma non voglio analizzare l'intera stringa se non devo.

200 javascript  css 

Se ho un tag di intestazione <h1 class="hc-reform">title</h1> h1.hc-reform{ float:left; font-size:30px; color:#0e73bb; font-weight:bold; margin:10px 0px; } e dopo ho un paragrafo <p>stuff here</p>. Come posso assicurarmi di usare CSS che ogni <p>tag che segue il h1.hc-reformda usare:clear:both; sarebbe quello: h1.hc-reform > p{ clear:both; } per qualche motivo che non funziona.

200 html  css  css-selectors  siblings 

Ho un div wrapper che contrappone 2 div uno accanto all'altro. Sopra questo contenitore ho un div che contiene la mia intestazione. Il div wrapper deve essere 100% meno l'altezza dell'intestazione. L'intestazione è di circa 60 px. Questo è stato risolto. Quindi la mia domanda è: come faccio a impostare …

199 css  height