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.

25
Rimuovi bordo da IFrame
Come rimuoverei il bordo da un iframe incorporato nella mia app Web? Un esempio di iframe è: <iframe src="myURL" width="300" height="300">Browser not compatible.</iframe> Vorrei che la transizione dal contenuto della mia pagina a quello dell'iframe fosse senza soluzione di continuità, supponendo che i colori di sfondo fossero coerenti. Il browser …
20
Posso usare uno pseudo-elemento: before o: after su un campo di input?
Sto cercando di utilizzare lo :afterpseudo-elemento CSS su un inputcampo, ma non funziona. Se lo uso con un span, funziona bene. <style type="text/css"> .mystyle:after {content:url(smiley.gif);} .mystyle {color:red;} </style> Funziona (mette la faccina dopo "buu!" E prima di "ancora un po '") <span class="mystyle">buuu!</span>a some more Questo non funziona - colora …
15
Gestione dell'esplosione CSS
Ho fatto molto affidamento su CSS per un sito Web su cui sto lavorando. In questo momento, tutti gli stili CSS vengono applicati in base al tag, quindi ora sto provando a spostarlo su uno stile più esterno per aiutare con eventuali cambiamenti futuri. Ma ora il problema è che …
683 css  organization 
12
Come allineare a destra l'elemento flessibile?
Esiste un modo più flessibile di allineare il "contatto" rispetto all'utilizzo position: absolute? .main { display: flex; } .a, .b, .c { background: #efefef; border: 1px solid #999; } .b { flex: 1; text-align: center; } .c { position: absolute; right: 0; } <h2>With title</h2> <div class="main"> <div class="a"><a href="#">Home</a></div> …
682 html  css  flexbox 
25
Come centrare un elemento "position: absolute"
Sto riscontrando un problema nel centrare un elemento con l'attributo positionimpostato su absolute. Qualcuno sa perché le immagini non sono centrate? body { text-align: center; } #slideshowWrapper { margin-top: 50px; text-align: center; } ul#slideshow { list-style: none; position: relative; margin: auto; } ul#slideshow li { position: absolute; } ul#slideshow li …
5
Nel CSS Flexbox, perché non ci sono proprietà "justify-items" e "justify-self"?
Considera l'asse principale e l'asse trasversale di un contenitore flessibile: Fonte: W3C Per allineare gli elementi flessibili lungo l'asse principale esiste una proprietà: justify-content Per allineare gli elementi flessibili lungo l'asse trasversale ci sono tre proprietà: align-content align-items align-self Nell'immagine sopra, l'asse principale è orizzontale e l'asse trasversale è verticale. …
12
Flexbox: centrare orizzontalmente e verticalmente
Come centrare div orizzontalmente e verticalmente all'interno del contenitore usando flexbox. Nell'esempio seguente, desidero ogni numero uno sotto l'altro (in righe), che sono centrati orizzontalmente. .flex-container { padding: 0; margin: 0; list-style: none; display: flex; align-items: center; justify-content: center; } row { width: 100%; } .flex-item { background: tomato; padding: …
672 html  css  flexbox 
4
carattere jolly * in CSS per le classi
Ho questi div con cui sto disegnando .tocolor, ma ho anche bisogno dell'identificatore univoco 1,2,3,4 ecc. Quindi lo sto aggiungendo come un'altra classe tocolor-1. <div class="tocolor tocolor-1"> tocolor 1 </div> <div class="tocolor tocolor-2"> tocolor 2 </div> <div class="tocolor tocolor-3"> tocolor 3 </div> <div class="tocolor tocolor-4"> tocolor 4 </div> .tocolor{ background: …
30
Perché non utilizzare le tabelle per il layout in HTML? [chiuso]
Allo stato attuale, questa domanda non è adatta al nostro formato di domande e risposte. Ci aspettiamo che le risposte siano supportate da fatti, riferimenti o competenze, ma questa domanda probabilmente solleciterà dibattiti, argomenti, sondaggi o discussioni estese. Se ritieni che questa domanda possa essere migliorata e possibilmente riaperta, visita …
665 html  css 
10
Posso scrivere un selettore CSS selezionando elementi NON aventi una determinata classe o attributo?
Vorrei scrivere una regola di selezione CSS che seleziona tutti gli elementi che non hanno una determinata classe. Ad esempio, dato il seguente HTML: <html class="printable"> <body class="printable"> <h1 class="printable">Example</h1> <nav> <!-- Some menu links... --> </nav> <a href="javascript:void(0)" onclick="javascript:self.print()">Print me!</a> <p class="printable"> This page is super interresting and you …
646 html  css  css-selectors 
23
Posizione fissa ma relativa al contenitore
Sto cercando di risolvere un problema in divmodo che si attacchi sempre alla parte superiore dello schermo, utilizzando: position: fixed; top: 0px; right: 0px; Tuttavia, divè all'interno di un contenitore centrato. Quando lo uso position:fixed, risolve il problema divrelativo alla finestra del browser, ad esempio sul lato destro del browser. …
11
Targeting solo per Firefox con CSS
Utilizzando i commenti condizionali è facile scegliere come target Internet Explorer con regole CSS specifiche del browser: <!--[if IE 6]> ...include IE6-specific stylesheet here... <![endif]--> A volte è il motore Gecko (Firefox) che si comporta male. Quale sarebbe il modo migliore per indirizzare solo Firefox con le tue regole CSS …
616 css  firefox  css-hack 
8
Rimozione di più classi (jQuery)
Esiste un modo migliore per riscriverlo: $('element').removeClass('class1').removeClass('class2'); Non posso usare removeClass();in quanto rimuoverebbe TUTTE le classi, cosa che non desidero.
615 jquery  css 
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.