ho provato a muovermi così ma non ha funizonato, vi mostro cosa ho fatto

codice:
<link rel="stylesheet" type="text/css" href="style.css" />
questa è la dichiarazione dello style nell'index.php

ora dentro il file style.css ho messo:

codice:
* { margin:0; padding:0; list-style-type:none;}

@media handheld{
	.oneColFixCtrHdr #img_home{
		width:572px;
		height:156px;
	}
	.oneColFixCtrHdr #img_s_h {
		border:1px solid #b0b0b0;
		width:90px;
		height:63px;
	}
}

body {
	text-align: center;
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #000000;
}
.oneColFixCtrHdr #img_home {
	width:772px;
	height:211px;
}

.oneColFixCtrHdr #img_s_h {
	border:1px solid #b0b0b0;
	width:250px;
	height:175px;
}
................
mentre il foglio index.php è impostato così:

codice:
  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
...................
<div id="mainContent">
  
[img]images/home_logo.png[/img]
    <p id="mainImages">
      
[img]images/home_uno.png[/img]&nbsp&nbsp&nbsp&nbsp[img]images/home_due.png[/img]&nbsp&nbsp&nbsp&nbsp[img]images/home_tre.png[/img]
    </p>
  </div>
  <div id="mainLingua">  
..............
in poche parole il device con cui provo a visualizzare il sito internet non mi cambia assolutamente le dimensioni delle immagini mi mantiene le dimensioni che ho impostato sotto il body diciamo così... è come se la parte del @media handheld non esistesse...