Centrare degli oggetti

[Nebula88]

Ciao a Tutti
Ho un problema, non riesco a centrare i pulsanti nella colonna sinistra, ecco illink.
Riesco a farlo solamente eliminando la voce "display:block;"
dalla parte:

div#navigation a{
display: block;
}

Il Div Navigation è quello che contiene i pulsanti sopra citati.
Tuttavia eliminando quella voce, la grafica diventa perfetta in IE ma sballata in FireFox..
Sapreste aiutarmi?!

Grazie Mille

[Nebula88]

Nessuno mi sa rispondere?

[Federix]

Hai provato a mettere text-align:center; nella classe che contiene il link e l'immagine del Legno (per esempio).
Prova con:

div#navigation { text-align:center; }

[Nebula88]

No..non è quello ^^''

ecco i parametre del div#navigation

div#navigation{
width: 160px;
height:100%;
min-height:800px;
background: url(images/sfondo.gif);
background-repeat:repeat;
position:relative;
margin:0 auto;
float: left;
padding:200px 0 0 0;
text-align:center;
}
div#navigation a{
display: block;
}

Sapete aiutarmi?

[pierofix]

Semplificando, direi:

#navigation
{
   width:160px;
}
   #navigation a
   {
      display:block;
      width:160px; height:30px; /* Dimensioni dell'immagine */
      text-align:center;
      background:url('images/sfondo.gif') no-repeat 50% 50%;
   }

[Nebula88]

mi sa che non hai capito come ho impostato il lavoro!
questo sfondo:

background: url(images/sfondo.gif);

non è dei pulsanti, ma della colonna che contiene tutti i pulsanti!
Mentre il DIV che contiene i pulsanti è questo:

.sxlink{
width:145px;
height:29px;
vertical-align:middle;
padding-top:3px;
}

E queste sono le parti relative alla funzione HOVER:

.m:link{
background-image:url(images/pulsanti/1.gif);
background-repeat:no-repeat;
text-decoration:none;
cursor:hand;
color:#000000;
}
.m:visited{
background-image:url(images/pulsanti/1.gif);
background-repeat:no-repeat;
text-decoration:none;
cursor:hand;
color:#000000;
}
.m:hover{
background-image:url(images/pulsanti/1pl.gif);
background-repeat:no-repeat;
text-decoration:none;
cursor:hand;
color:#000000;
}

e questa è la riga HTML del menù (contenuta dentro il DIV Navigation):

<div class='sxlink'><font face='Verdana, Arial, Helvetica, sans-serif' size='4pt'>Infissi</font></div>

[ilario83]

prova a chiudere tutti i link in un tag
<center>
link1
link2
link3
link4
link5
link6
</center>

[Nebula88]

ho messo il tag CENTER ma nn è cambiato nulla...
ecco il link

La cosa strana è che la parte testuale viene centrata, mentre i DIV no..
infatti potete notare che le scritte sono al centro ed escono fuori dai pulsanti!..

[pierofix]

Innanzitutto scusa per il fraintendimento precedente ma ero di corsa. Lo sono ancora, però volevo farti notare una cosa: la sintassi di (X)HTML non prevede che un <div> possa essere figlio di un <a>.

E' indubbiamente da rivedere questo pezzo di struttura, ma ora non ho tempo. Spero più tardi di avere un secondo per rispondere decentemente.

[Nebula88]

Ciao,
ho fatto la sostituzione che mi hai suggerito..
adesso i pulsanti sono centrati!
Tuttavia non capisco perchè il pulsante si vede tagliato in basso..