Archive for the ‘CSS Tools’ Category

Menu orizzontale – verticale

Tuesday, January 26th, 2010

Con alcuni parametri CSS si possono preparare delle liste orizzontali e liste verticali con il tag LI.

Interessante soprattutto nel caso che si voglia visualizzare un menu in formato orizzontale o verticale.

Una lista si visualizza orizzontalmente introducendo il parametro “display: inline;” nel file CSS.

(more…)

Centrare il contenuto della pagina con CSS

Tuesday, January 26th, 2010

C’รจ un modo per centrare il testo e le immagine all’interno di una pagina, indipendentemente dalla risoluzione del monitor o dalla grandezza della finestra del browser dell’utente.

Per centrare tutto il contenuto della pagina bisogna introdurre un DIV container nel quale viene introdotto tutto il contenuto della pagina: inizia subito dopo aver aperto i tag body e finisce subito prima di chiudere il tag body.

(more…)

Posizionamento degli elementi con CSS

Thursday, October 15th, 2009

Il posizionamento degli elementi è uno dei campi di applicazione del CSS, i fogli di stile. Con CSS gli elementi si lasciano posizionare a piacere.

CSS code float left and right

CSS code float left and right

(more…)

Casella testo con bordo ed angolino

Wednesday, October 14th, 2009

Un testo delimitato da una casella, magari con un determinato colore ed un angolino di un altro colore, può rendere più simpatico il layout di una pagina.

Per effettuare ciò servono 2 container CSS. Il container esterno determina la larghezza ed il colore di sfondo della casella, così come la formattazione, la scrittura ed altro.

(more…)

Tabelle con CSS: bordi, linee e larghezza

Wednesday, October 14th, 2009

Nel generare tabelle con CSS si definiscono 2 cose: l’aspetto esteriore del bordo ed il colore o l’immagine di sfondo.

(more…)

Stampa della pagina con formato CSS

Wednesday, October 14th, 2009

Con alcuni comandi in CSS si può stampare una pagina con margine sinistro e/o destro oppure con un altro colore rispetto a quello del video.

Le pseudo classi :left e :right servono a definire le varianti del documento quando vi sia una interruzione di pagina nel caso si stampi il documento.

(more…)

Definire lo spazio tra una riga ed un’altra

Wednesday, October 14th, 2009

In codice HTML non si ha la possibilità di influire sulla distanza da avere tra una riga scritta ed un’altra.

Come soluzione si può utilizzare un’immagine trasparente di 1×1 px. Ma la soluzione migliore si ha utilizzando una proprietà in CSS.

(more…)

Sfondo pagine con CSS

Wednesday, October 14th, 2009

Lo sfondo delle pagine può essere impostato in 2 modi: impostando un colore o un’immagine. E questo di solito si imposto nel codice HTML. Ma si può utilizzare anche Cascading Stylesheets (CSS).

(more…)

Istruzioni css per avere dei margini uguali nei browser

Wednesday, October 14th, 2009

I valori standard delle distanze tra i diversi elementi di una pagina non vengono interpretati ugualmente dai diversi browser, per cui le pagine possono essere viste in un modo diverso a seconda del browser utilizzato.

(more…)

Infobox sulla pagina con intorno del testo

Wednesday, October 14th, 2009

Nella pagina mettete testi importanti, liste di link o riassunti di notizie in infobox. Questi possono essere preparati o con campi di una tabella o con un div.

(more…)