Giusto!! potrei accorpare tutto in contenuti... ma l'ho già detto nel messaggio iniziale che sono giorni di totale blackout, vero???
mi spiegheresti solo bene come poter utilizzare Class nel modo corretto?
Ti ringrazio!!
Alex

Questo è un esempio con il class:

p.primo{ color: blue; } 
p.secondo{ color: red; }

[HTML]<p>Paragrafo Normale</p>
<p class="primo">Paragrafo che prende dal CSS il codice p.primo</p>
<p class="secondo">Paragrafo che prende dal CSS il codice p.secondo</p>[/HTML]

Questo è un esempio con ID:

div#primo{ color: blue; } 
div#secondo{ color: red; }

[HTML]<p>Paragrafo Normale</p>
<div id="primo">Paragrafo che prende dal CSS il codice div#primo</div>
<div id="secondo">Paragrafo che prende dal CSS il codice div#secondo</div>[/HTML]
Tutto questo vale sia per la class, sia per gli ID ad eccezzione del codice iniziale di richiamo.
Per ID nel CSS devi mettere il codice #primo; invece per la class devi usare .primo con l'aggiunta del tag in questo caso P (1 esempio) e DIV (2 esempio).

Comunque ti consiglio di fare una ricerca in internet su come funzionano, è molto ben spiegato e facile, basta ovviamente prenderci l'abitudine

Grazie!! Quindi potrei creare un div tipo dove metto la mianiatura e la classe hover per far si che quando ci passo il mouse abbia un effetto diverso.. quindi il div sarà ripetuto nell'html per creare tipo griglia di lavori eseguiti e avranno tutti le stesse impostazioni sia di id che di class.. giusto? L'unica cosa, se imposto tutte le miniature con id e class uguali.. come faccio ad allinearli in orizzontale e in verticale tipo griglia?

Ogni miniatura può avere la sua id o class (di solito una class si usa quando si usa più volte e un id quando lo si usa una sola volta, esempio: id #contenitore class .allineato-a-sinistra) e comunque è tutto fattibile con i margini e i float.
Comunque i files CSS si possono ordinare anche così (come faccio io):

/* Generale-------------------------------------------------------------------------------*/


body {
    background: #fff;
    font: 14px;
}



/* Links
-------------------------------------------------------------------------------*/


a {color: #03f;}


a:hover {color: #69f;}


a:link {-webkit-tap-highlight-color: #fcd700;}


/* Homepage
-------------------------------------------------------------------------------*/

................

/* Chi siamo
-------------------------------------------------------------------------------*/

....................

 

anche io metto gli elementi in ordine nel css mi da fastidio vedere le cose storte

Proverò con i metodi che mi avete detto! Grazie a tutti per i chiarimenti!

Alex

Ti faccio un esempio su quello che ho capito:
Codice HTML:
[HTML]<link rel="stylesheet" href="codice.css" type="text/css" />
<div id="contenuto">
<div class="left">1</div>
<div class="center">2</div>
<div class="right">3</div>
</div>[/HTML]
Codice CSS:

div#contenuto{ width:100%; position:relative;}
div.left,div.right,div.center{width:32%;position:absolute;text-align:center;}

div.left {top:0;left:0;background-color:#ff0000;}
div.center {top:0;left:33%;background-color:#ff0000;}
div.right {top:0;left:66%;background-color:#ff0000;}

Prova a fare una prova e dimmi se intendevi così.

Non c'è di che e se hai altre domande non esitare

si esatto.. però hai usato la percentuale, invece per la larghezza fissa? ho impostato il template a 960px di larghezza.

aspetta ti faccio vedere il link: aaronrudd.co.uk/our-work
vorrei creare una cosa del genere...

Alex

Il link che hai inserito non funziona, per il discorso della larghezza io ho fatto una cosa test... Ovviamente se metti a larghezza fissa, devi modificare gli altri valori, sennò non torna la visualizzazione.

EDIT: ho trovato il link funzionante, il codice che ti ho dato ha la stessa funzione, devi inserire l'immagine e la scritta sotto ed il gioco è fatto. poi perché si illumino quando passi con il mause esiste un codice da inserire nel collegamento

grazie allora prendo il codice che mi hai scritto e parto da quello

Thanks!