Come Nascondere con i CSS. Alternative a Display:None

3.54 Traduzione dell’articolo “Hiding with CSS: Problems and solutions” di Roger Johansson Questo è la traduzione dell’articolo “Hiding with CSS: Problems and solutions” di Roger Johansson, originariamente pubblicato su 456 Berea St. il 4 Maggio 2009. La traduzione è presentata qui con il consenso dell’editore e dell’autore. Molti tutorial su CSS e Javascript consigliano l’utilizzo … Leggi tutto

Z-Index and Friends

3.53 La presentazione di un elemento in CSS può essere definita non solo attraverso la proprietà display, la proprietà float e il posizionamento, ma anche tramite le tre proprietà oggetto di questa lezione. Iniziamo esaminando la proprietà “visibility”. La proprietà visibility Questa proprietà determina se un elemento deve essere visibile o nascosto. Si applica a … Leggi tutto

Settare la Posizione degli elementi via CSS

3.52 Facciamo ora un’esplorazione delle caratteristiche CSS che determinano concretamente la posizione di un elemento, poiché con la proprietà “position” stabiliamo solo il modo in cui avviene tale posizionamento. Top Come accennato nella lezione precedente, il concetto di “top” varia a seconda della modalità di posizionamento. Per gli elementi posizionati con “absolute” o “fixed”, indica … Leggi tutto

Come Posizionare Gli Elementi della Pagina con i CSS

3.51 La sezione dei CSS dedicata al posizionamento degli elementi è un argomento complesso ma di grande importanza per le sue potenzialità. Suddivideremo l’argomento in tre lezioni. Nella prima lezione, esamineremo la proprietà “position” e le diverse modalità di posizionamento. Nella seconda lezione, vedremo le proprietà che consentono di posizionare gli elementi con precisione. Nella … Leggi tutto

Come Personalizzare CheckBox e Radio Button con CSS

3.43 In questo articolo faremo una sintetica rassegna di alcune tecniche utili per la personalizzazione dell’aspetto di checkbox e radio button. Ad accomunare le varie soluzioni il fatto che in nessun caso si ricorre all’ausilio di Javascript. Tutto verrà realizzato esclusivamente tramite i CSS. Per avere da subito chiaro ciò che realizzeremo, ecco uno screenshot … Leggi tutto

Pseudo Elementi

3.42 Creare Elementi fittizi non presenti nel documento Nel contesto di un documento HTML, esistono parti che non sono associate a elementi specifici, ma possono comunque essere personalizzate e formattate secondo le preferenze dell’utente utilizzando i CSS tramite ciò che è noto come pseudo-elementi. Questo termine apparentemente enigmatico può essere spiegato in questo modo: quando … Leggi tutto

Impostare Bottoni con Rollover

3.41 Realizzare Pulsanti Bellissimi partendo da Link In questo appuntamento riprenderemo le basi della tecnica, presentandoun semplice esempio, costituito da un solo link.Si tratta di un ottimo modo per rendere graficamente piacevole un linkimportante della pagina, quei link che veicolano funzionalità del tipo: Iscriviti gratis Registrati ora Richiedi informazioni Richiedi un preventivo Maggiori dettagli Inizia … Leggi tutto

Lo Stile dei Link

3.40 Come Cambiare Colore e Stile ai Link In questo articolo, esamineremo le diverse possibilità fornite dai CSS per personalizzare l’aspetto dei link sul web. La gestione dell’aspetto dei link non è solo una questione di estetica, ma anche di usabilità, dato che i link sono lo strumento principale di navigazione in un ambiente ipertestuale … Leggi tutto

Pseudo-Classi: Le Classi Speciali

3.39 Approfondiamo gli Attributi delle Classi Speciali Il concetto di pseudo-classe è di fondamentale importanza all’interno del contesto dei CSS. Una pseudo-classe non regola la presentazione di un elemento in sé, ma piuttosto di uno stato particolare di esso. In breve, le pseudo-classi consentono di definire uno stile per un elemento quando si verificano determinate … Leggi tutto

Selettori di attributo

3.38 Vediamo i Selettori di Attributo I selettori di attributo hanno la funzione di individuare gli elementi in base ai loro attributi e ai valori di tali attributi. Nella specifica CSS 2.1, sono definiti quattro tipi di selettori di attributo, mentre CSS3 ne introduce altri tre. Selezione in base alla presenza di un attributo: Il … Leggi tutto