Immagine allineata centralmente in verticale

[mexican]

Ciao a tutti vorrei sapere come poter allineare un immagine in un div verticalmente al centro.
Ecco il mio codice:

<div class="bordo1V">[img]logo.jpg[/img]</div>

CSS

.bordo1V{
	border:1px solid #77AC1A;	
	height:110px;
	padding:5px;
	margin:5px;
	width:110px;
	float:left;
	vertical-align:middle;
	}
.bordo1V img{
	vertical-align:middle;
		}	
.bordo1V a{
	vertical-align:middle;
		}

Le immagini mi risultano sempre allineate in alto perchè?

[Mich_]

Il vertical-align funziona solo nelle tabelle ed oggetti assimilati.
Per centrare in verticale occorre usare i posizionamenti assoluti.

Immagino che conosci la dimensione dell'immagine (nei miei conti la chiamo XXX e YYY), quindi quello che devi fare e`:

.bordo1V{
	border:1px solid #77AC1A;	
	height:110px;
	padding:5px;
	margin:5px;
	width:110px;
	float:left;
	position: relative;
}
.bordo1V a{
	position: absolute;
	width: XXXpx;
	height: YYYpx;
	left: 0; /* immagino che riempia tutto */
	top: 50%;
	margin-top: -ZZZpx;
}
.bordo1V img{
	/* non dovrebbe serivre niente, qui */
}

dove ZZZ e` la meta` di YYY (nota che c'e` un meno prima del ZZZ)

[mexican]

Originariamente inviato da Mich_
Il vertical-align funziona solo nelle tabelle ed oggetti assimilati.
Per centrare in verticale occorre usare i posizionamenti assoluti.

Immagino che conosci la dimensione dell'immagine (nei miei conti la chiamo XXX e YYY), quindi quello che devi fare e`:

.bordo1V{
	border:1px solid #77AC1A;	
	height:110px;
	padding:5px;
	margin:5px;
	width:110px;
	float:left;
	position: relative;
}
.bordo1V a{
	position: absolute;
	width: XXXpx;
	height: YYYpx;
	left: 0; /* immagino che riempia tutto */
	top: 50%;
	margin-top: -ZZZpx;
}
.bordo1V img{
	/* non dovrebbe serivre niente, qui */
}

dove ZZZ e` la meta` di YYY (nota che c'e` un meno prima del ZZZ)

Purtroppo non conosco la dimensione dell'immagine. Sono dinamiche e faccio un resize automatico al loro upload, so solo che possono essere massimo 100x100 ma anche più piccole.

[Mich_]

Allora si puo` provare con un metodo diverso, che funziona solo se l'oggetto da centrare e` di tipo inline ed e` il solo che viene inserito nel campo.

HTML:
<div class="bordo1V">
  


    <a href="pagine_franchisee.aspx" title="pagina">
      [img]logo.jpg[/img]
    </a>
  


</div>


CSS:
.bordo1V{
	border:1px solid #77AC1A;	
	height:110px;
	padding:5px;
	margin:5px;
	width:110px;
	float:left;
}
.bordo1V p{
	width: 100%;
	height: 100%;
	line-height: 100%;
	text-aligh: center;
}
.bordo1V a{
	/* non dovrebbe servire niente, qui */
}
.bordo1V img{
	/* non dovrebbe servire niente, qui salvo se l'immagine puo` essere piu` grande dello spazio*/
}

[mexican]

Purtroppo niente ancora!!!
ti mostro il link così ti rendi conto
http://www.ilnegoziodelfranchising.com/index.aspx

Devo allineare in verticale tutti quei loghi!!!

[mucu]

sto per andare a dormire che sono molto stanco
però intanto puoi dare uno sgardo al mio esempio
http://www.colonnello.net/nuovo/html/prova/center/
magari ti aiuta

[mexican]

Originariamente inviato da mucu
sto per andare a dormire che sono molto stanco
però intanto puoi dare uno sgardo al mio esempio
http://www.colonnello.net/nuovo/html/prova/center/
magari ti aiuta

ok provo nel pom grazie.