Salve,
E' difficile abbandonare la struttura a tabelle, soprattutto se si è giunti a stabilire un proprio "template" standard che va bene praticamente su quasi tutto... ma è un passaggio che "s'ha da fà": quindi, perdonate i miei (presumo numerosi) post da novellino...
In sostanza, come accennavo prima, devo convertire un mio "template" tabellare in una forma tableless... ho già incontrato una prima difficoltà nella conversione dell'header... la tabella è questa:
codice:
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="1" align="left">[img]header-left.jpg[/img]</td>
<td width="100%" align="right" valign="bottom" background="header-bg.jpg"></td>
<td width="1" align="right">[img]header-right.jpg[/img]</td>
</tr>
</table>
La parte che mi dà grattacapi è la terza colonna: non riesco a posizionare a destra l'immagine header-right.jpg (con le tabelle era un gioco da ragazzi), tenendo presente che la colonna centrale, un giorno, potrebbe avere dei contenuti - ad esempio il codice di un banner.
Finora ho creato questo:
codice:
<div id="page">
<div id="header">
[img]../themes/default/header-left.jpg[/img]
eventuale codice del banner, o comunque altro testo
[img]../themes/default/header-right.jpg[/img]
</div>
</div>
mentre il CSS è questo:
codice:
html, body {
margin: 0px;
}
#page {
width: 780px;
position: absolute; left:50%;
margin: 0 0 0 -390px;
}
#header {
background-image: url(header-bg.jpg);
vertical-align: text-top;
}
Tra l'altro, come faccio a posizionare il testo inframmezzato a "middle" (cioè all'altezza mediana delle immagini)? Al momento è a baseline di default, e non vorrei utilizzare [img]../themes/default/header-left.jpg[/img]...
Sono più confuso che persuaso... aiuto! :-D
Grazie in anticipo alle anime pie che mi aiuteranno...