All Free <Script>

tips and tricks per webmaster

Inserire immagini nei pulsanti html

10 Marzo 2015        

Creiamo una classe per il nostro bottone con le seguenti caratteristiche: 

<style>
.bottone{
width: 120px;
height: 50px;
background-color: #FF0000;
background-image: url('immagine.gif');
background-repeat: no-repeat;
background-position: center center;
}
</style>

Ora ci resta da richiamare la classe all’interno del bottone, in questo modo: 

<input type="button" class="bottone">

Nascondere un testo troppo lungo

25 Febbraio 2015        

Questo è possibile con l’aiuto dei css e un po’ di codice javasceript. Il codice che segue va inserito all’interno del tag <head>…. </head>: || leggi tutto »

Nascondere elementi di una pagina

24 Febbraio 2015        

Per nascondere elementi di una pagina web, è sufficiente inserire un display:none sull’elemento. Per esempio, la seguente regola, predisposta per la stampa, nasconderà la navigazione e il footer di una pagina:

 <style type="text/css" media="print">
  div#navigation, div#footer{display: none}
</style>

A cosa serve la clausola !important

19 Febbraio 2015        

La dichiarazione !important assegna un valore di precedenza che prevale su tutte le regole. Facciamo un esempio:

p { color: red !important; }
p { color: green; }

Nel precedente esempio la prima regola non verrà sovrascritta poichè utilizza la dichiarazione !important e quindi il colore del testo sarà di colore rosso.
Bisogna stare attenti però a non abusare della clausola perché si potrebbero ottenere effetti indesiderati. Se due proprietà riferite allo stesso elemento hanno priorità !important, verrà assegnata l’ultima inserita nel classico ordine a cascata.

p { color: red !important; }
p { color: green !important; }

Le due regole, come appena detto, hanno la stessa specificità quindi verrà assegnato il colore verde considerando che, nell’ordine a cascata, è l’ultimo inserito.