Posts tagged as:

Risultati per css sfondo

Per creare un elemento a angoli arrotondati, abbiamo la proprietà css3 border-radius che (purtroppo) non è ancora supportata da tutti i browser. Nel fratempo, possiamo ricreare gli angoli arrotondati in css con l’uso di un unica immagine e la proprietà background-position (e qualche extra div nel nostro html).
Continua a leggere >>

{ 14 comments }

14 commenti

Rimani aggiornato con il RSS Feed

Con questo tutorial, vediamo come usare un’ unica immagine di sfondo da applicare a un pulsante per creare i 3 stati (normale, sopra e selezionato) a un pulsante.

Questo metodo permette di avere una singola immagine caricata da l’inizio e evitare problemi di ’scatti’ tra i differenti stati quando più immagine di sfondo vengono usate su chiamata del stato stesso.

L’idea sarà realizzata usando la proprietà CSS background-position,
spostando il sfondo con i valori top, center e bottom.
Continua a leggere >>

{ 1 comment }

1 commento

Rimani aggiornato con il RSS Feed

Grazie all’uso della proprietà css z-index, possiamo facilmente aggiungere uno sfondo Flash (swf) a un contenuto HTML.

Le base per aggiungere un swf come sfondo sono…

Per il contenitore che contiene entrambi swf e altri elementi html:

  • un width e height, larghezza e altezza
  • una position:relative; per potere posizionare il swf in modo assoluto in rapporto a questo contenitore

Continua a leggere >>

{ 10 comments }

10 commenti

Rimani aggiornato con il RSS Feed

La proprietà css background permette di personalizzare lo sfondo d’un elemento con la scelta di un colore di sfondo (background-color) o di un’immagine (background-image).

Questa immagine potrà allora essere duplicata o no (background-repeat), posizionata (background-position) e resa scrollabile o no con il corpo della pagina (background-attachment).

Continua a leggere >>

{ 32 comments }

32 commenti

Rimani aggiornato con il RSS Feed

In questo tutorial spiegherò com’evitare un problema che tanti principianti in css ed utente di Firefox possono incontrare.
Per quello che usano IE, il ‘problema’ non è visibile per errore d’interpretazione del browser.

Il problema incontrato si pone quando vogliamo usare la proprietà css float su un elemento contenuto in un blocco (div) contenitore a qual è applicato uno sfondo o bordo.
Lo sfondo/bordo del contenitore non si ridimensiona automaticamente in altezza per accomodare il suo elemento ‘floatato’ e rimane per quasi dire invisibile mentre il ‘float’ si ritrova sotto il suo contenitore.

Usando un esempio concreto, creo un div contenitore in quale metto 2 elementi, uno ‘floatato’ a sinistra e uno ‘floatato’ a destra.
Continua a leggere >>

{ 16 comments }

16 commenti

Rimani aggiornato con il RSS Feed