Aiuto per una galleria fotografica

[pariri]

Ciao!

ho scaricato questo codice per una galleria fotografica:
http://www.extrowebsite.com/articolocss.asp?ID=60

css:
#container {
position:relative;
width:550px;
height:450px;
margin:auto;
}

a.galleria span {
display:block;
position:absolute;
width:1px;
height:1px;
top: 5px;
left: 5px;
overflow:hidden;
background:#666666;
margin:auto;
}


a.galleria, a.galleria:visited {
display:block;
color:#ffffff;
text-decoration:none;
border:2px solid #91b44e;
width:45px;
height:29px;
float:left;
margin:auto;
z-index:100;
}


a.mini1 {background:url(../gallerie/mini/foto-01.jpg);}
a.mini2 {background:url(../gallerie/mini/foto-02.jpg);}
a.mini3 {background:url(../gallerie/mini/foto-03.jpg);}
a.mini4 {background:url(../gallerie/mini/foto-04.jpg);}
a.mini5 {background:url(../gallerie/mini/foto-05.jpg);}


a.galleria:hover {
border:2px solid #ffffff;
margin:auto;
}

a.galleria:hover img {
border:2px solid #ffffff;
position:relative;
z-index:100;
margin:auto;
}

a.galleria:active img, a.galleria:focus img {
border:2px solid #ffffff;
position:relative;
z-index:100;
margin:auto;
}

a.galleria:hover span {
display:block;
position:absolute;
width:447px;
height:450px;
top:103px;
background:transparent;
z-index:100;
font-family: Lucida Sans Unicode, Verdana, Arial;
font-size: 11px;
margin:auto;
}


a.galleria:active span, a.galleria:focus span {
display:block;
position:absolute;
width:447px;
height:450px;
top:103px;
color:#ffffff;
font-weight: normal;
background:transparent;
z-index:100;
margin:auto;
}

.image {
display:block;
position:absolute;
width:400px;
height:400px;
top:103px;
margin:auto;
}

nella pagina html:
<div id="container">

<a class="galleria mini1" href="#"><span>[img]big/foto-01.jpg[/img]
Testo descr.</span></a>
ecc...
_________________________________




il mio problema è che sto arrivando nel mondo del css adesso e le mie domande sono:

1-come faccio a centrare sia le miniature che la foto grande?
2-non vorrei che le miniature siano "cliccabili" però se tolgo il "a href='#'" non funziona
3-verrei che ci fosse se possibile un preload per le miniature perché nella prova che ho fatto non si caricano velocemente.

Grazie del vostro aiuto!

[fcaldera]

1) ti sposto in css
2) dipende probabilmente da questa regola

a.galleria:active span, a.galleria:focus span {
display:block;
position:absolute;
width:447px;
height:450px;
top:103px;
color:#ffffff;
font-weight: normal;
background:transparent;
z-index:100;
margin:auto;
}

per questo non funziona se togli l'href


3) per il preload fai una ricerca nel forum scripting

Ciao

[pariri]

Originariamente inviato da fcaldera

2) dipende probabilmente da questa regola

a.galleria:active span, a.galleria:focus span {
display:block;
position:absolute;
width:447px;
height:450px;
top:103px;
color:#ffffff;
font-weight: normal;
background:transparent;
z-index:100;
margin:auto;
}

per questo non funziona se togli l'href

e cosa devo fare?

grazie