[CSS] problema di impaginazione righe
Ciao a tutti, in php stò stampando alcune righe contenti alcuni campi.
Il mio problema riguarda la posizione di ogni riga rispetto alla precedente.
Devo fare in modo che ogni riga si allineata a sinistra, e che non si vada a
sovrapporre con le righe precedenti. Ogni riga dispone di 4 "spazi".
Direte voi che è tanto semplice usare le tabelle, ma gli stili mi permettono
di invertire le posizioni o i font di un solo campo senza troppi problemi, cosa
di cui io ho bisogno nel mio template.
Ho provato a fare un incremento in php tramite un contatore che ad ogni
riga aggiungeva tot pixel, ma non va, visto che il 4° spazio è variabile.
Questo è lo stampato:
Codice PHP:
echo" <div id=\"riga\">";
echo" <div id=\"minuti\">$stamp[data]</div>";
echo" <div id=\"nome\"><img src=\"icorazza/$razza\" width=\"10\" height=\"10\" align=\"absmiddle\"> $nome[username]</div>";
echo" <div id=\"simbolo\"><img src=\"ico/$stamp[simbolo].gif\" width=\"20\" height=\"20\"></div>";
echo" <div id=\"frase\">$stamp[frase]</div> ";
echo" </div>";
Questo è il CSS:
Codice HTML:
<style>
div#riga { width: auto; height: auto; position: absolute; left: 0; right: 0; }
div#minuti { width: 30px; height: 20px; float: left; color: #000000; font-size: 9px; }
div#nome { width: 150px; height:20px; float: left; color: #000000; }
div#simbolo { width: 20px; height: 20px; float: left; color: #000000; }
div#frase { width: auto; height: 50px; float: left; left: 210px; position: absolute; color: #000000; }
</style>
mi potete aiutare?