Programmazione css

21

Come nascondere l'elemento usando Twitter Bootstrap e mostrarlo usando jQuery?

Diciamo che creo un elemento HTML come questo, <div id="my-div" class="hidden">Hello, TB3</div> <div id="my-div" class="hide">Hello, TB4</div> <div id="my-div" class="d-none">Hello, TB4</div> Come potrei mostrare e nascondere quell'elemento HTML da jQuery / Javascript. JavaScript: $(function(){ $("#my-div").show(); }); Risultato: (con uno di questi). Vorrei che gli elementi sopra fossero nascosti. Qual è il …

235 javascript jquery html css twitter-bootstrap

14

Puoi usare CSS per specchiare / capovolgere il testo?

È possibile utilizzare CSS / CSS3 per eseguire il mirroring del testo? In particolare, ho questo carattere a forbice “✂” ( &#9986;) che vorrei visualizzare puntando a sinistra e non a destra.

235 html css

6

Chrome / Safari non riempiono il 100% dell'altezza del genitore flessibile

Voglio avere un menu verticale con un'altezza specifica. Ogni bambino deve riempire l'altezza del genitore e avere un testo allineato al centro. Il numero di bambini è casuale, quindi devo lavorare con valori dinamici. Div .containercontiene un numero casuale di figli ( .item) che devono sempre riempire l'altezza del genitore. …

235 css google-chrome webkit flexbox

12

Come posso sostituire gli stili CSS di Bootstrap?

Devo modificare bootstrap.cssper adattarmi al mio sito web. Sento che è meglio creare un custom.cssfile separato invece di modificarlo bootstrap.cssdirettamente, uno dei motivi è che dovrebbe bootstrap.cssottenere un aggiornamento, soffrirò cercando di includere nuovamente tutte le mie modifiche. Sacrificherò un po 'di tempo di caricamento per questi stili, ma è …

234 html css twitter-bootstrap

9

cambia cursore in puntatore dito

Ho questo ae non so che devo inserire in "onmouseover" in modo che il cursore si trasformi in puntatore come un normale collegamento: <a class="menu_links" onclick="displayData(11,1,0,'A')" onmouseover=""> A </a> Ho letto da qualche parte che devo mettere: onmouseover="cursor: hand (a pointing hand)" Ma non funziona per me. Inoltre, non sono …

234 html css mouseevent

10

Come centrare un iframe in orizzontale?

Considera il seguente esempio: ( demo live ) HTML: <div>div</div> <iframe></iframe> CSS: div, iframe { width: 100px; height: 50px; margin: 0 auto; background-color: #777; } Risultato: Perché il iframenon è allineato centralmente come il div? Come potrei allinearlo centralmente?

234 html css iframe alignment center-align

3

CSS per impostare il formato carta A4

Ho bisogno di simulare un foglio A4 nel web e consentire di stampare questa pagina come viene mostrata sul browser (Chrome, in particolare). Ho impostato le dimensioni dell'elemento su 21 cm x 29,7 cm, ma quando invio per stampare (o stampare l'anteprima), ritagli la mia pagina. Guarda questo esempio dal …

233 css printing print-preview

8

Renderizza una stringa in HTML e conserva spazi e interruzioni di riga

Ho un'app MVC3 che ha una pagina dei dettagli. Come parte di ciò ho una descrizione (recuperata da un db) che ha spazi e nuove linee. Quando viene renderizzato, le nuove linee e gli spazi vengono ignorati dall'html. Vorrei codificare quegli spazi e nuove linee in modo che non vengano …

233 html css newline whitespace line-breaks

8

Applica lo stile CSS agli elementi figlio

Voglio applicare gli stili solo alla tabella all'interno del DIV con una classe particolare: Nota: preferirei usare un selettore CSS per gli elementi figlio. Perché il n. 1 funziona e il n. 2 no? 1: div.test th, div.test td, div.test caption {padding:40px 100px 40px 50px;} 2: div.test th, td, caption …

232 css css-selectors

9

Dimensione input vs larghezza

<input name="txtId" type="text" size="20" /> o <input name="txtId" type="text" style="width: 150px;" /> Quale è il codice cross-browser ottimale? Naturalmente dipende dai requisiti, ma sono curioso di sapere come le persone decidono e su quali basi.

231 html css

29

Tabella HTML con intestazioni fisse?

Esiste una tecnica CSS / JavaScript tra browser per visualizzare una tabella HTML lunga in modo che le intestazioni di colonna rimangano fisse sullo schermo e non scorrano con il corpo della tabella. Pensa all'effetto "Blocca riquadri" in Microsoft Excel. Voglio essere in grado di scorrere i contenuti della tabella, …

231 javascript css html-table

14

Come centrare il testo verticalmente con una grande icona di carattere impressionante?

Diciamo che ho un pulsante bootstrap con un'icona fantastica per i caratteri e del testo: <div> <i class='icon icon-2x icon-camera'></i> hello world </div> Come faccio a far apparire il testo centrato verticalmente? Il testo è allineato con il bordo inferiore dell'icona ora: http://jsfiddle.net/V7DLm/1/ EDIT: ho una possibile soluzione : http://jsfiddle.net/CLdeG/1/ …

231 html css font-awesome

15

Come creare un'ombra discendente solo su un lato di un elemento?

C'è un modo per far cadere l'ombra solo sul fondo ?. Ho un menu con 2 immagini una accanto all'altra. Non voglio un'ombra giusta perché si sovrappone all'immagine giusta. Non mi piace usare le immagini per questo, quindi c'è un modo per lasciarlo solo sul fondo come: box-shadow-bottom: 10px #FFF; …

230 css

13

CSS due div uno accanto all'altro

Voglio mettere due <div>s uno accanto all'altro. La destra <div>è di circa 200 px; e la sinistra <div>deve riempire il resto della larghezza dello schermo? Come posso fare questo?

230 html css

9

Selettore CSS3: primo di tipo con nome di classe?

È possibile utilizzare il selettore CSS3 :first-of-typeper selezionare il primo elemento con un determinato nome di classe? Non ho avuto successo con il mio test, quindi sto pensando che non lo sia? Il codice ( http://jsfiddle.net/YWY4L/ ): p:first-of-type {color:blue} p.myclass1:first-of-type {color:red} .myclass2:first-of-type {color:green} <div> <div>This text should appear as normal</div> …

230 css css-selectors

Domande taggate «css»