Ciao a tutti, apro questa discussione perché:
1) quando inserisco valign o vertical align nella ricerca su questo sito, escono tantissime discussioni, nessuna -spero[sic!]- inerente a ciò che cerco
2) su internet tutti dicono di usare vertical-align nei css, ma ovunque io lo metta, non mi cambia nulla!
Detto questo..
per caricare i moduli di sinistra, ho utilizzato questa funzione
<?php mosLoadModules ( 'left',-3 ); ?>
che mi da come risultato questa struttura:
<div class="module">
<div>
<div>
<div>
<h3>Titolo modulo</h3>
Output modulo
</div>
</div>
</div>
</div>
nel css questi sono i parametri -a meno che non mi sfugga ancora qualcosa- inerenti alla parte in alto del menu, cioè dove si visualizza il Titolo del Modulo
/*si occupa del titolo*/
div.module h3 {
margin: 0;
font-weight: bold;
font-family: Tahoma, Verdana, Arial;
font-size: 14px;
height: 50px;
color: black;
background: url(../images/occhiale.png) repeat;
vertical-align: middle;
}
/* testata */
div.module div div {
vertical-align: middle;
text-align: center;
}
/* zona footer del modulo */
div.module {
background: url(../images/immagineFooter.png) bottom center no-repeat;
padding: 0px 0px 50px;
}
Infine, ho provato sia a mettere vertical-align (con vari valori: bottom, middle, top, etc) sia in h3 che in div.module div div
ma il risultato è sempre quello che vedete qui di seguito
la domanda è: come faccio a centrare il titolo del menù in verticale?
(scusate la lunghezza, ho cercato di essere esaustivo)
EDIT: ho risolto personalizzando ogni modulo, dando dimensione 1px al font e colore uguale allo sfondo, così diventa invisibile.
Ora ho un problema, che ho espresso in
quest'altro thread.