stampare a video una sequenza di div

[antek77]

Vorrei produrre l'effetto di stampare a video una sequenza di div correttamente distanziati:
Ho buttato giu' una procedura ma mi stampa solo un'immagine:

<?php
for ($a = 0; $a < 5; $a++)
{
?>
<DIV STYLE="position:absolute; float:left top:<? echo $a*$a; ?>px; left:3px;">
[img]woman3.png[/img]
</DIV>
<?php
}
?>

[jamiel]

Usate CSS

HTML:

<div class="myclass"></div>

CSS:

.myclass
{
background: url('woman3.png') 0 0 repeat-y;
height: 25px;
position: absolute;
top: 0px;
left: 3px;
}

[ghiaccio84]

forse perchè ti sei dimenticato di mettere il punto e virgola dopo float:left ? :rollo:

[antek77]

Penso proprio di si

[antek77]

come utilizzare i css non conoscendo a priori il numero di elementi da stampare?. Il mio scopo e' quello di stampare un numero di oggetti grafici pari al numero di record di una tabella che viene aggiornata in tempo reale. Vorrei disporre gli elementi su 4 colonne...:-( Poi...ad esempio visualizzare 30 elementi alla volta ( es. Next per passare ai prossimi trenta).

grazie

[antek77]

Nessun anima pia

[antek77]

ok nessuno proprio mi aiuta:-(

[piero.mac]

Originariamente inviato da antek77
ok nessuno proprio mi aiuta:-(

prova ad usare position: relative

una posizione assoluta ed un float... mi suonano male.

e metti il tag php esteso

[Gunn]

l'incolonnamento con xhtml/css è più facile da gestire... con html si doveva fare il php per gestire la <table> tabella

invece

<div style="width:600px;">
<div style="width:98px;border:1px #000000 solid;height:100px;float:left;">prova</div>
<div style="width:98px;border:1px #000000 solid;height:100px;float:left;">prova</div>
<div style="width:98px;border:1px #000000 solid;height:100px;float:left;">prova</div>
<div style="width:98px;border:1px #000000 solid;height:100px;float:left;">prova</div>
<div style="width:98px;border:1px #000000 solid;height:100px;float:left;">prova</div>
<div style="width:98px;border:1px #000000 solid;height:100px;float:left;">prova</div>
<div style="width:98px;border:1px #000000 solid;height:100px;float:left;">prova</div>
<div style="width:98px;border:1px #000000 solid;height:100px;float:left;">prova</div>
<div style="width:98px;border:1px #000000 solid;height:100px;float:left;">prova</div>
<div style="width:98px;border:1px #000000 solid;height:100px;float:left;">prova</div>
<div style="width:98px;border:1px #000000 solid;height:100px;float:left;">prova</div>
<div style="width:98px;border:1px #000000 solid;height:100px;float:left;">prova</div>
<div style="width:98px;border:1px #000000 solid;height:100px;float:left;">prova</div>
<div style="width:98px;border:1px #000000 solid;height:100px;float:left;">prova</div>
<div style="width:98px;border:1px #000000 solid;height:100px;float:left;">prova</div>
<div style="width:98px;border:1px #000000 solid;height:100px;float:left;">prova</div>
</div>


se usi le classi è meglio, cmq

[antek77]

grazie mille ...:-) per le nuove indicazioni mi metto all'opera.