Salve,

avverto subito che sono inesperto e che posso aver commesso anche un errore macroscopico del quale non mi rendo conto. Vengo al dunque:

ho una pagina in PHP che mi estrae dal mio DB alcuni prodotti, attualmente l'aspetto che appare sul browser è di questo tipo:

Codice Prodotto: 07.45
Nome Prodotto: zzzzz zzzz zzzzz zzzzzz
Immagine:

E sotto viene riprodotta l'immagine, quindi sotta a questa due link che, rispettivamente: ingrandiscono la foto e visualizzano la scheda tecnica del prodotto. Questo avviene grazie al seguente codice PHP:


{

echo "<font size=2>Codice prodotto: ". $row[1]."</font>
<font size=2>".$row[2]." - ".$row[3]."
</font>";
echo "<img width=80 src=\"./images/Prodotti/".$row[4]."\" >";
echo "<font size=2 face=Calibri,Arial,Verdana,Times New Roman>
<a href=\"./images/Prodotti/".$row[5]."\" target=_blank>"."Ingrandisci"."</a></font>";
echo " --- <font size=2 face=Calibri,Arial,Verdana,Times New Roman><a href=\"schedaprodotto.php?id=".$row[0]."\" target=blank>"."Visualizza scheda dettagliata"."</a></font>";
// echo "

<font size=1 face=Calibri,Arial,Verdana,Times New Roman><p align=justify>".$row[6]."</font></p>";
echo " --- <font size=2 face=Calibri,Arial,Verdana,Times New Roman> <a href=\"#tornasu\">Torna su</a> </font>";
echo "

<p align=center><img width=300px src=\"./images/lineadivisione.jpg\"></p>

";

}



Vorrei modificare la visualizzazione ovvero, vorrei mettere a sinistra l'immagine e a destra sul primo rigo il codice prodotto, sul secondo rigo il suo nome ed infine sul terzo rigo i link d'ingrandimento e visualizzazione scheda dettagliata.

Per fare questo mi sono detto, utilizzo dei DIV così posso anche inserire un colore di sfondo al testo e alle immagini e soprattutto posso inserire più righe di testo alla destra della mia immagine. Ho modificato il codice precedente (in via sperimentale ho provato solo a fare lo sfondo al testo) in questo modo:

echo "<div id=\"Prova\"><font size=2>Codice prodotto: ". $row[1]."</font>
<font size=2>".$row[2]." - ".$row[3]."
</font></div>";



Quindi sono andato nel mio CSS ed ho inserito il seguente codice:


#prova {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: 100;
background-color: #009999;
color: #999966;
border: solid;
position: static;

}


Nella pagina WEB non mi viene importato niente di ciò che ho inserito nel CSS. Se provo a rinominare il DIV di "Footer" con "Prova"... lì funziona correttamente. Ho provato anche a fare così per vedere se cambiavo almeno lo sfondo, ma anche in questo caso non ho ricevuto esito positivo:

echo "<div id=\"Prova\" background-color: #009999><font size=2>Codice prodotto: ". $row[1]."</font>
<font size=2>".$row[2]." - ".$row[3]."
</font></div>";


Da cosa può dipendere?

Grazie a tutti per la lettura e l'eventuale risposta...

e scusate l'ignoranza....