Domande taggate «css»

CSS (Cascading Style Sheets) è un linguaggio per fogli di stile di rappresentazione utilizzato per descrivere l'aspetto e la formattazione dei documenti HTML (HyperText Markup Language), XML (Extensible Markup Language) e degli elementi SVG inclusi (ma non limitati a) colori, layout, caratteri, e animazioni. Descrive anche come gli elementi dovrebbero essere resi sullo schermo, sulla carta, nel parlato o su altri media.

14
Bootstrap 3 Comprimi mostra lo stato con l'icona Chevron
Usando l'esempio principale preso dal Bootstrap 3 Javascript pagina degli esempi per Collapse , sono stato in grado di mostrare lo stato del collasso usando le icone chevron. Ho questo lavoro usando: $('#accordion .accordion-toggle').click(function (e) { var chevState = $(e.target).siblings("i.indicator").toggleClass('glyphicon-chevron-down glyphicon-chevron-up'); $("i.indicator").not(chevState).removeClass("glyphicon-chevron-down").addClass("glyphicon-chevron-up"); }); Funziona (non completamente testato in tutti i …
8
Margin-Top spingere il div esterno verso il basso
Ho un div dell'intestazione come primo elemento nel mio div wrapper, ma quando aggiungo un margine superiore a un h1 all'interno del div dell'intestazione, spinge l'intero div dell'intestazione verso il basso. Mi rendo conto che ciò accade ogni volta che applico un margine superiore al primo elemento visibile in una …
126 html  css  xhtml 
3
Rimuovi Seleziona freccia su IE
Ho selezionato l'elemento, voglio rimuovere la freccia, quindi posso aggiungere un'altra icona .. Posso farlo per Firefox Safari e Chrome, ma questo non ha funzionato su IE9 . .styled-select select { border: 0 !important; /*Removes border*/ -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; /*Removes default style Firefox*/ …
126 html  css  html-select 
9
Come scrivere una didascalia sotto un'immagine?
Ho due immagini che devono essere mantenute in linea; Voglio scrivere una didascalia sotto ogni immagine. <center> <a href="http://example.com/hello"> <img src="hello.png" width="100px" height="100px"> </a>              <a href="http://example.com/hi"> <img src="hi.png" width="100px" height="100px"> </a> </center> Come posso implementare?
126 css  html 
5
Centra un 'div' al centro dello schermo, anche quando la pagina viene fatta scorrere verso l'alto o verso il basso?
Nella mia pagina ho un pulsante che, quando cliccato, mostra uno div(stile pop-up) al centro del mio schermo. Sto usando il seguente CSS per centrare divil centro dello schermo: .PopupPanel { border: solid 1px black; position: absolute; left: 50%; top: 50%; background-color: white; z-index: 100; height: 400px; margin-top: -200px; width: …
126 html  css  scroll  position  centering 
10
allineamento verticale al centro in <div>
Voglio mantenere l'altezza di #abc divat 50pxe il testo per allinearlo verticalmente al centro del div. body{ padding: 0; margin: 0; margin: 0px auto; } #main{ position: relative; background-color:blue; width:500px; height:500px; } #abc{ font:Verdana, Geneva, sans-serif; font-size:18px; text-align:left; background-color:#0F0; height:50px; vertical-align:middle; } &lt;div id="main"&gt; &lt;div id="abc"&gt; asdfasdfafasdfasdf &lt;/div&gt; &lt;/div&gt; Esegui …
30
Cambia il colore del tooltip di Bootstrap
Quello che sto cercando di fare è cambiare il colore della descrizione comando in rosso. Tuttavia, voglio anche avere più altri colori, quindi non voglio semplicemente sostituire il colore del suggerimento originale. Come potrei fare questo?
7
Cosa fa auto in margin: 0 auto?
Cosa fa auto fa dentro margin:0 auto;? Non riesco a capire cosa autofa. So che a volte ha l'effetto di centrare gli oggetti. Grazie.
126 css 
5
A capo della griglia CSS
È possibile creare una griglia CSS senza utilizzare le media query? Nel mio caso, ho un numero non deterministico di elementi che voglio posizionare in una griglia e voglio che quella griglia si avvolga. Utilizzando Flexbox, non sono in grado di spaziare bene le cose in modo affidabile. Vorrei evitare …
126 html  css  css-grid 
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.