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]    [img]images/home_due.png[/img]    [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...
Rispondi quotando