Programmazione css

4

Div fisso centrale con larghezza dinamica (CSS)

Ho un div che avrà questo CSS: #some_kind_of_popup { position: fixed; top: 100px; min-height: 300px; width: 90%; max-width: 900px; } Ora, come posso rendere questo div centrato? Posso usare margin-left: -450px; left: 50%;ma funzionerà solo quando lo schermo è> 900 pixel. Dopodiché (quando la finestra è <900 pixel), non sarà …

90 css html center

3

Come faccio a scegliere come target elementi con un attributo che ha un valore in CSS?

So di poter scegliere come target elementi che hanno un attributo specifico in CSS, ad esempio: input[type=text] { font-family: Consolas; } Ma è possibile scegliere come target elementi che hanno un attributo di qualsiasi valore (tranne niente, cioè quando l'attributo non è stato aggiunto all'elemento)? Più o meno qualcosa come: …

90 css css-selectors

12

Come impostare la larghezza e l'altezza di un'immagine senza allungarla?

Se ho: #logo { width: 400px; height: 200px; } poi <img id="logo" src="logo.jpg"/> si allungherà per riempire quello spazio. Voglio che l'immagine mantenga le stesse dimensioni, ma che occupi così tanto spazio nel DOM. Devo aggiungere un incapsulante <div>o <span>? Odio aggiungere markup per lo styling.

90 html css

4

Ruota e traduci

Ho dei problemi a ruotare e posizionare una riga di testo. Ora è solo la posizione che funziona. Funziona anche la rotazione, ma solo se disabilito il posizionamento. CSS: #rotatedtext { transform-origin: left; transform: rotate(90deg); transform: translate(50%, 50%); } L'html è solo testo semplice.

90 css webkit transform css-transforms

14

Attendi il cursore su tutta la pagina html

È possibile impostare il cursore per "attendere" sull'intera pagina html in modo semplice? L'idea è mostrare all'utente che sta succedendo qualcosa mentre una chiamata ajax viene completata. Il codice seguente mostra una versione semplificata di ciò che ho provato e mostra anche i problemi che incontro: se un elemento (# …

89 javascript html css dynamic-css

6

Come posso creare una "coda di tooltip" usando puro CSS?

Mi sono appena imbattuto in un bel trucco CSS. Guarda il violino ... .tooltiptail { display: block; border-color: #ffffff #a0c7ff #ffffff #ffffff; border-style: solid; border-width: 20px; width: 0px; height: 0px; } .anothertail { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-tail2.png); display: block; height: 29px; width: 30px; } <div>Cool Trick: <br /> <div class="tooltiptail"></div> </div> <br …

89 css tooltip css-shapes

7

Come faccio a reimpostare o sostituire i filtri CSS di IE?

Sto usando la proprietà proprietaria MS 'filter' per provare a creare un equivalente non brutto di css3 text-shadow e box-shadow; In realtà stavo andando molto bene finché non ho riscontrato questo problema. Sembra che quando applico un filtro a un div all'interno di un altro div che ha anche un …

89 css filter internet-explorer

14

Dividi div in 2 colonne usando CSS

Ho tentato di dividere un div in due colonne utilizzando CSS, ma non sono ancora riuscito a farlo funzionare. La mia struttura di base è la seguente: <div id="content"> <div id="left"> <div id="object1"></div> <div id="object2"></div> </div> <div id="right"> <div id="object3"></div> <div id="object4"></div> </div> </div> Se provo a far fluttuare i …

89 css html css-float

10

Ignora bagliore e ombre della casella di testo bootstrap di Twitter

Voglio rimuovere il bagliore blu della casella di testo e del bordo, ma non so come sovrascrivere nessuno dei js o dei css, controlla qui MODIFICA 1 Voglio farlo perché sto usando il plugin jquery Tag-it e sto usando anche il bootstrap di Twitter, il plugin usa un campo di …

89 javascript jquery html css twitter-bootstrap

6

Menu a discesa multilivello di Twitter Bootstrap

È possibile avere un menu a discesa multilivello utilizzando gli elementi di twitter bootstrap 2? La versione originale non ha questa caratteristica.

89 css twitter-bootstrap

2

Perché le virgolette doppie vengono visualizzate solo per il primo elemento?

Mi chiedo perché il browser mostri doppie virgolette aperte solo per il primo elemento. Il secondo elemento ha invece virgolette singole. a::before { content: open-quote; } <a href="http://www.google.com">Google</a> <br> <a href="http://www.amazon.com">Amazon</a> Esegui snippet di codiceNascondi risultatiEspandi lo snippet

89 html css pseudo-element css-content

8

Come aggiungo un'icona di Font Awesome al campo di immissione?

Come si utilizza l'icona di ricerca inclusa in Font Awesome per l'input? Ho una funzione di ricerca sul mio sito (basata su PHPmotion), che desidero utilizzare per la ricerca. Ecco il codice: <div id="search-bar"> <form method="get" action="search.php" autocomplete="off" name="form_search"> <input type="hidden" name="type" value="videos" /> <input autocomplete="on" id="keyword" name="keyword" value="Search Videos" …

89 html css font-awesome

9

Come faccio a racchiudere del testo senza spazi bianchi all'interno di un <td>?

Ho usato: word-break:break-all; table-layout:fixed; e il testo si avvolge in Chrome ma non in Firefox. Aggiornamento: ho deciso di cambiare il design in modo che non fosse necessario il rivestimento; cercare di risolvere una correzione / hacking CSS si è rivelato troppo frustrante e richiedeva tempo.

89 css

9

Come posso impedire al tag DIV di iniziare una nuova riga?

Voglio inviare una singola riga di testo al browser che contiene un tag. Quando viene eseguito il rendering, sembra che DIV causi una nuova riga. Come posso includere il contenuto nel tag div sulla stessa riga: ecco il mio codice. <?php echo("<a href=\"pagea.php?id=$id\">Page A</a>") ?> <div id="contentInfo_new"> <script type="text/javascript" src="getData.php?id=<?php …

89 html css

6

Come posizionare il cursore (messa a fuoco automatica) nella casella di testo quando una pagina viene caricata senza il supporto di javascript?

Ho un modulo con alcuni campi di testo e voglio posizionare il cursore (messa a fuoco automatica) sul primo campo di testo del modulo quando la pagina viene caricata. Voglio farlo senza usare javascript.

89 css html

Domande taggate «css»