Back to top

Autore Topic: Costruzione template - posizionamento moduli & CSS: vertcal-align.. come?  (Letto 1330 volte)

Offline Nescio

  • Esploratore
  • **
  • Post: 67
    • Mostra profilo
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
Codice: [Seleziona]
<?php mosLoadModules 'left',-); ?>
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

Codice: [Seleziona]
/*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.
« Ultima modifica: 18 Gen 2008, 13:11:59 da Nescio »

 



Web Design Bolzano Kreatif