Come rimuovere lo spazio tra div sulla stessa riga
Se mettiamo dei blocchi div sulla stessa riga utilizzando la proprietà inline-block si nota che si creano degli spazi fra un blocco e l’altro. Volendo eliminare questi spazi ci sono diverse soluzioni da poter utilizzare. 1° soluzione: settiamo il font-size a 0px Html code Css code In questo modo, settando a 0px il blocco pricipale…… Continua a leggere Come rimuovere lo spazio tra div sulla stessa riga
Come creare un blocco div linkabile
Quello che si vuole ottenere è, dato un blocco div con dei contenuti come testo, immagini o link a pagine esterne, che l’intero blocco div sia un link cliccabile.Per ottenere questo risultato sfruttiamo la proprietà z-index e creiamo il nostro blocco con i suoi contenuti, ed un secondo blocco trasparente sovrapposto al primo che sarà…… Continua a leggere Come creare un blocco div linkabile
Come creare un riquadro con effetto backlight
Utilizzando la proprietà box-shadow si può realizzare l’effetto backlight. Puoi vedere la demo qui!
Come centrare un’immagine all’interno di un div
Come nel caso dell’allineamento orizzontale e verticale di un testo all’interno di un blocco, anche per centrare un’immagine ci sono diverse opzioni. 1° opzione: centrare un’immagine con la proprietà position 2° opzione: centrare un’immagine con la proprietà line-height Con questo metodo posso centrare un’immagine utilizzando text-align, line-height e vertical-align per centrarla orizzontalmente e verticalmente e settare le massime dimensioni…… Continua a leggere Come centrare un’immagine all’interno di un div
Come centrare verticalmente il testo all’interno di un blocco (div).
Come nel post precedente, esistono diversi modi di realizzare questo effetto. Si possono presentare diversi casi a seconda dei quali si adottano soluzioni diverse. 1° caso: centrare un’unica riga di testo Funziona solo per una singola riga di testo, perché impostiamo l’altezza della linea alla stessa altezza dell’elemento box contenente. 2° caso: centrare più righe…… Continua a leggere Come centrare verticalmente il testo all’interno di un blocco (div).
Come centrare orizzontalmente un div all’interno di un altro.
Esistono diversi modi per ottenere questo risultato utilizzando i css; l’utilizzo di uno o dell’altro dipende anche dal contesto in cui si sta scrivendo il codice. In ogni caso credo che uno dei più semplici modi sia il seguente. Prendiamo come esempio un div contenente del testo da centrare all’interno di un altro div. Come…… Continua a leggere Come centrare orizzontalmente un div all’interno di un altro.
Il Solutore 