centrare 4 tasti (immagini che fungono da link) in linea al centro della pagina

[rocchetta]

ciao a tutti
devo centrare 4 tasti, che sono 4 immagini che fungono da links, vorrei che fossero messi in linea orizzontale, ma centrati nella pagina.
come devo fare? grazie

[softhare]

ci hai messo gli attributi align=center?

[img]immagine.png[/img]

[Mich_]

4 immagini che fungono da link e` un menu con immagini al posto dei link.
Se le immagini hanno lafrghezza definita, la cosa e` banale; se invece le immagini hanno larghezza propria e dipendente da situazioni non definibili a priori, la cosa e` un po' piu` complessa.

Comunque in ogni caso la marcatura deve essere di questo tipo:

<div id="cont_menu">
  <ul id="menu">[*]<span>LINK1</span>[img]...[/img][*]<span>LINK2</span>[img]...[/img][*]<span>LINK3</span>[img]...[/img][*]<span>LINK4</span>[img]...[/img][/list]
</div>

I vari testi dei link vanno messi per i brwoser che non caricano le immagini (e poi spostati con i CSS per non farli vedere).

Il CSS di partenza dovrebbe essere questo:

#cont_menu {
  width: ...;  /* deve essre definito - si puo` usare anche 100%, ma allora deve essere definita nel contenitore */
}
#menu {
  width: ...;  /* la larghezza totale delle 4 immagini + evt margini/padding */
  height: ...;   /* se si specifica e` piu `semplice */
  margin 0 auto;   /* questo centra in orizzontale (escluso IE quirks mode) */
}
#menu li {
  float: left;    /* sulla stessa riga */
  width: ...;   /* se si vuole */
  margin: 0;  /* oppure un valore definito */
  padding: 0;  /* idem */
}
#menu a {
  ...
}
#menu a:hover {
  ...
}
#menu img {
  border: 0;    /* se si vuole */
}
#menu span {
  margin-left: -500px;    /* sposta la scritta fuori dalla finestra */
}