Fare internet – il blog di webtocom.com

E' come il lego, più pezzi ho più sono allegro
Seguci su Facebook Seguici su FriendFeed Seguici su Twitter      Iscrivita ai nostri Feed      Mandaci una mail

Archivio per la categoria ‘Css’

Alternare i colori delle righe di una tabella utilizzando i CSS

Scritto da Fare-internet il 9 maggio 2016

Ecco come puoi semplicemente alternare i colori delle righe di una tabella HTML usando i fogli di stile.

Il codice è molto semplice e con questo poco codice CSS coloriamo lo sfondo delle righe pari:

tr:nth-child(even) {
    background-color: #000000;
}

Read the rest of this entry »

CSS: un menù a tendina sviluppato solamente con i fogli di stile

Scritto da Fare-internet il 2 aprile 2013

Uno degli elementi di un sito web che per i webmaster alle prime armi può essere di difficile realizzazione è il menù a tendina (cioè quei menù che appaiono e scompaiono al passaggio del mouse).
 
In questo post viene spiegato come ottenerne uno utilizzando solamente una lista html e definedo per essa le opportune regole CSS.
Read the rest of this entry »

CSS3: La proprietà background-size.

Scritto da Fare-internet il 21 marzo 2013

Nell’ultima versione dei CSS ossia CSS3 esiste una proprietà background-size, che ci consente di definire le dimensioni dell’immagine di sfondo definita mediante le regole css.
 
La propeità background-size è implementata in IE9+, Firefox 4+, Opera, Chrome, e Safari 5+.
 
La prima possibilità di utilizzo della proprietà è quella di definire direttamente la dimensioni, in modo da distorcere l’immagine di sfono fino ad occupare lo spazio definito, il primo valore rappresenta la larghezza, il secondo l’altezza.
Read the rest of this entry »

CSS: usare la regola @import per importare fogli di stile.

Scritto da Fare-internet il 22 novembre 2012

Mediante l’utilizzo della regola @import è possibile importare fogli di sitile esterni nel tuo documento.
Questo è un metodo per creare un foglio di stile all’interno del tuo documento e, successiveamente, importare regole addizionali nel documento stesso.

Questa regola è supportata da tutti i browser attuali, per risalire a quelli che non la supportano bisogna tornare fino a Netscape 4.x e IE 3.4.
IE 4.x in teoria lo gestirebbe, solo che lo fa in maniera talmente strana che è come se non la gestisse.
Read the rest of this entry »

Gestire il cellpadding e il cellspacing di una tabella con i css.

Scritto da Fare-internet il 12 novembre 2012

Gestire il cellspacing e dell cellpadding è possibile anche mediante l’utilizzo dei fogli di stile, prima di vedere come è possibile farlo facciamo un breve riassunto di cosa si intende per cellpadding e cellspacing:
Il cellpadding è lo spazio esperesso in pixel che separa il bordo della cella dal suo contenuto.
Il cellapacing è lo spazio espresso in pixel che separa una cella dalle celle adiacenti.

Nella pratica di scrittura del codice l’unica differenza alla rispetto alla definizione che eravamo abituati a dare nell’HTML è che con i css il cellspacing è una caratteristica della tabella, mentre il cellpadding è della cella. Quindi avremo bisgono di definire 2 regole, o 3 se vogliamo gesture anche i th.
Read the rest of this entry »

Tag: , ,  

Nasce LESS, un linguaggio dinamico per i fogli di stile (css)

Scritto da Fare-internet il 29 ottobre 2011

Io mentre codificavo fogli di stile, e poi dovevo cambiare tutti margin da 2 a 3, ho rimpianto la possibilità di non poter utlizzare le variabili, e a quanto pare non sono stato l’unico.
 
Infatti qualcuno deve aver sofferto molto più di me, a tal punto da mettersi all’opera e creare un linguggio ad hoc.
Questo linguaggio si chiama LESS ed è sviluppato in javascript, ancora non l’ho testato, ma guardando la pagina del progetto devo dire che sembra promettere veramente bene.
Read the rest of this entry »

Esite in simpatico e utile tool (che in realtà non è altro che un foglio di stile), la cui funzione è quella di azzerare lo stile di default che viene applicato dal browser alle pagine web, ad esempio il tag ul ha un padding-left che varia di browser in browser, quindi per evitare differenze di visualizzazione e fare tabula rasa di tutti le proprietà possiamo usare un css reset.

Read the rest of this entry »

CSS: Cssess un bookmarklet per i selettori inutilizzati.

Scritto da Fare-internet il 22 novembre 2010

Cssess (che si pronucia secess) è un bookmarklet che ci consente di controllare i selettori css non utilizzati.

Il suo utilizzo è molto semplice basta prendere questo link Cssess e trascinarlo sulla barra dei segnalibri.
Read the rest of this entry »

CSS: eliminare i numeri da una lista numerata

Scritto da Fare-internet il 3 novembre 2010

CSSEliminare i numeri da una lista numerata è molto semplice utilizzando i fogli di stile.

Basta scrivere una regola da applicare al tag <ol> o <li> , se vogliamo eliminare i numeri da tutti gli elementi della lista, oppure una regola per una classe da assegnare all’elemento <li> se vogliamo agire su un singolo elemento della lista.

Andiamo a vedere come eliminare tutti i numeri da una lista numerata agendo sul tag <ol> :
Read the rest of this entry »

Tag: , , ,  

CSS: l’immagine di background

Scritto da Fare-internet il 26 ottobre 2010

Le proprietà del backgruond sono definite tramite i CSS per ottenere paricolari effetti sullo sfondo di un elemento. In particolare presteremo attenzione all’immagine si sfondo e alle sue caratteristiche.

Per assegnare una immagine di sfondo ad un elemento utilizzeremo la propriètà background-image, a questa proprietà possono essere assegnati 3 valori:

  • url(‘URL’): l’indirizzo dell’immagine da utilizzare come sfondo
  • none: valore di default, nessuno sfondo assegnato
  • inherit: lo sfondo viene erditato dall’elemento che contiene l’elemento a cui stiamo assegnando proprietà

Read the rest of this entry »

I posti più popolari