Newsgroup: it.comp.lang.visual-basic
Titolo: [ASP.NET] Centrata immagine in colonna. Codice HTML

Come richiesto da Hall
posto il codice HTML delle Web Form
--------------------------------------
1- Web Form di test
In questo caso; <td align="Center" valign="Middle" style="width:80px;">
l'immagine si posiziona al centro
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <title>WebForm2</title>
  <meta name="GENERATOR" content="Microsoft Visual Studio.NET 7.0">
  <meta name="CODE_LANGUAGE" content="Visual Basic 7.0">
  <meta name="vs_defaultClientScript" content="JavaScript">
  <meta name="vs_targetSchema"
content="
http://schemas.microsoft.com/intellisense/ie5
">
 </HEAD>
 <body MS_POSITIONING="GridLayout">
  <form name="Form1" method="post" action="WebForm2.aspx" id="Form1">
<input type="hidden" name="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" value="" />
<input type="hidden" name="__VIEWSTATE" value="  Ho cancellato il codice" />
<script language="javascript">
<!--
 function __doPostBack(eventTarget, eventArgument) {
  var theform = document.Form1;
  theform.__EVENTTARGET.value = eventTarget;
  theform.__EVENTARGUMENT.value = eventArgument;
  theform.submit();
 }
// -->
</script>
   <table cellspacing="0" rules="all" border="1" id="DG2"
style="height:73px;width:480px;border-collapse:collapse;Z-INDEX: 102; LEFT:
208px; POSITION: absolute; TOP: 135px">
 <tr>
  <td style="width:200px;">Numero</td><td
style="width:200px;">Data</td><td>Delete</td>
 </tr><tr>
  <td>PRODU-0001</td><td>02/06/2003 0.00.00</td><td align="Center"
valign="Middle" style="width:80px;"><a
href="javascript:__doPostBack('DG2:_ctl2:_ctl0','')"><img border=0
src=./Images/icon-floppy.gif></a></td>
 </tr><tr>
  <td>PRODU-0014</td><td>12/08/2003 0.00.00</td><td align="Center"
valign="Middle" style="width:80px;"><a
href="javascript:__doPostBack('DG2:_ctl3:_ctl0','')"><img border=0
src=./Images/icon-floppy.gif></a></td>
 </tr>
</table>
  </form>
 </body>
</HTML>
------------------------
2- Web Form di Test
ho modificato lo stile della dimensione della griglia con il %
width:60%
lasciando invariato lo stile della larghezza della colonna
style="width:80px;
l'immagine si posiziona al centro
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <title>WebForm2</title>
  <meta name="GENERATOR" content="Microsoft Visual Studio.NET 7.0">
  <meta name="CODE_LANGUAGE" content="Visual Basic 7.0">
  <meta name="vs_defaultClientScript" content="JavaScript">
  <meta name="vs_targetSchema"
content="
http://schemas.microsoft.com/intellisense/ie5
">
 </HEAD>
 <body MS_POSITIONING="GridLayout">
  <form name="Form1" method="post" action="WebForm2.aspx" id="Form1">
<input type="hidden" name="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" value="" />
<input type="hidden" name="__VIEWSTATE" value="  Ho cancellato il codice "
/>
<script language="javascript">
<!--
 function __doPostBack(eventTarget, eventArgument) {
  var theform = document.Form1;
  theform.__EVENTTARGET.value = eventTarget;
  theform.__EVENTARGUMENT.value = eventArgument;
  theform.submit();
 }
// -->
</script>
   <table cellspacing="0" rules="all" border="1" id="DG2"
style="height:73px;width:60%;border-collapse:collapse;Z-INDEX: 102; LEFT:
137px; POSITION: absolute; TOP: 144px">
 <tr>
  <td style="width:200px;">Numero</td><td
style="width:200px;">Data</td><td>Delete</td>
 </tr><tr>
  <td>PRODU-0001</td><td>02/06/2003 0.00.00</td><td align="Center"
valign="Middle" style="width:80px;"><a
href="javascript:__doPostBack('DG2:_ctl2:_ctl0','')"><img border=0
src=./Images/icon-floppy.gif></a></td>
 </tr><tr>
  <td>PRODU-0014</td><td>12/08/2003 0.00.00</td><td align="Center"
valign="Middle" style="width:80px;"><a
href="javascript:__doPostBack('DG2:_ctl3:_ctl0','')"><img border=0
src=./Images/icon-floppy.gif></a></td>
 </tr>
</table>
  </form>
 </body>
</HTML>
-----------------------------
3- Web Form del proggetto
Immagini nelle ultime due colonne
le immagini si posizionano a sinistra
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <title>Modifica Comunicazioni</title>
  <meta content="Microsoft Visual Studio.NET 7.0" name="GENERATOR">
  <meta content="Visual Basic 7.0" name="CODE_LANGUAGE">
  <meta content="JavaScript" name="vs_defaultClientScript">
  <meta content="
http://schemas.microsoft.com/intellisense/ie5
"
name="vs_targetSchema">
  <LINK href="Styles.css" type="text/css" rel="stylesheet">
  <script language="javascript" src="script.js"></script>
 </HEAD>
 <body MS_POSITIONING="GridLayout">
  <IFRAME ID=__hifSmartNav NAME=__hifSmartNav STYLE=display:none
src="IEsmartnav1"></IFRAME>
<form name="Form1" method="post"
action="formComunicazioniModifiche.aspx?index=3" id="Form1"
__smartNavEnabled="true">
<input type="hidden" name="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" value="" />
<input type="hidden" name="__VIEWSTATE" value="  Ho cancellato il codice  "
/>
<script language="javascript">
<!--
 function __doPostBack(eventTarget, eventArgument) {
  var theform = document.Form1;
  theform.__EVENTTARGET.value = eventTarget;
  theform.__EVENTARGUMENT.value = eventArgument;
  theform.submit();
 }
// -->
</script>
<script language="JScript"
src="/aspnet_client/system_web/1_0_3705_288/SmartNav.js"></script>
   <table cellSpacing="0" cellPadding="0" width="750"
background="images/PietraVerde.bmp" border="0">
    <TR>
     <td><table id="Banner21_Table1" cellspacing="0" cellpadding="0"
width="937"
border="0">
 <tr>
  <td align="left" width="10%" rowspan="2"><IMG height="22"
src="images/TitoloBannerComunicazioni.gif"
width="119">
  </td>
  <td valign="bottom" align="middle" width="507" rowspan="2">
   <table id="Banner21_tabs" class="Styles" cellspacing="0" cellpadding="0"
border="0"
style="height:1px;width:446px;border-collapse:collapse;">
   <tr>
    <td class="tab-inactive">
     <a href='/ComunicazioniIconArchive/formPaginaCopertina.aspx?index=0'>
      Copertina
     </a>
    </td><td class="tab-inactive">
     <a href='/ComunicazioniIconArchive/formPaginaUtente.aspx?index=1'>
      Registrazione
     </a>
    </td><td class="tab-inactive">
     <a
href='/ComunicazioniIconArchive/formReportsComunicazioni.aspx?index=2'>
      Report
     </a>
    </td><td class="tab-active">
     Mod Report
    </td><td class="tab-inactive">
     <a href='/ComunicazioniIconArchive/formGrafici.aspx?index=4'>
      Grafici
     </a>
    </td>
   </tr>
  </table></td>
  <TD align="middle" width="179" rowspan="2"><span id="Banner21_lblUtente"
style="color:White;background-color:Transparent;height:1px;width:153px;">Ute
nte: DIREZLOFR
Visitatore n.  991</span></TD>
  <td align="middle" width="10%" height="17"><a id="Banner21_LinkBtnLogin"
href="javascript:__doPostBack('Banner21:LinkBtnLogin','')"
style="color:White;background-color:Transparent;height:5px;width:64px;">Logi
n</a>
  </td>
 </tr>
 <tr>
  <td align="middle">
   <a id="Banner21_LinkBtnLogoff" onClick="CloseWindow()"
href="javascript:__doPostBack('Banner21:LinkBtnLogoff','')"
style="color:White;background-color:Transparent;width:59px;">Logoff</a>
  </td>
 </tr>
</table>
</td>
    </TR>
   </table>
   <span id="lblMessaggio"
style="color:#0000C0;height:23px;width:622px;Z-INDEX: 108; LEFT: 269px;
POSITION: absolute; TOP: 90px"></span>
   <DIV style="DISPLAY: inline; FONT-SIZE: x-large; Z-INDEX: 113; LEFT:
359px; WIDTH: 308px; COLOR:
#cc0033; POSITION: absolute; TOP: 40px; HEIGHT: 38px"
ms_positioning="FlowLayout">Modifica&nbsp;Comunicazioni</DIV>
   <span id="lblDal" style="height:3px;width:51px;Z-INDEX: 102; LEFT: 15px;
POSITION: absolute; TOP:
125px">Dal</span><input name="txtDal" type="text" readonly="readonly"
id="txtDal"
style="border-style:Solid;width:110px;Z-INDEX: 103; LEFT: 84px; POSITION:
absolute; TOP: 124px" /><span id="lblAl"
style="height:3px;width:51px;Z-INDEX: 104; LEFT: 233px; POSITION: absolute;
TOP: 128px">Al</span><input name="txtAl"
type="text" readonly="readonly" id="txtAl"
style="border-style:Solid;width:110px;Z-INDEX: 105; LEFT: 288px; POSITION:
absolute; TOP: 124px" /><A href="javascript:popdate('Form1.txtDal', 'Data
inizio');"><img
src="/ComunicazioniIconArchive/images/icon-calendar.gif" id="IMG1"
style="Z-INDEX: 106; LEFT: 193px; POSITION: absolute; TOP:
124px" height="21" width="28" align="absMiddle" border="0" /></A><A
href="javascript:popdate('Form1.txtAl', 'Data
fine');"><IMG style="Z-INDEX: 107; LEFT: 396px; POSITION: absolute; TOP:
125px" height="21" alt=""
src="images/icon-calendar.gif" width="28" align="absMiddle" border="0"></A>
   <input type="submit" name="btnPopolaGriglia" value="Report"
id="btnPopolaGriglia"
style="height:29px;width:101px;Z-INDEX: 109; LEFT: 438px; POSITION:
absolute; TOP: 122px" /><input type="submit"
name="btnPulisciDate" value="Pulisci date" id="btnPulisciDate"
style="height:29px;width:101px;Z-INDEX: 110; LEFT: 543px;
POSITION: absolute; TOP: 122px" /><select name="DDLDivisione"
id="DDLDivisione" style="height:25px;width:137px;Z-INDEX: 111;
LEFT: 84px; POSITION: absolute; TOP: 87px">
 <option value=""></option>
 <option value="ACQUI">ACQUI</option>
 <option value="DIREZ">DIREZ</option>
 <option value="MAGAZ">MAGAZ</option>
 <option value="PERSO">PERSO</option>
 <option value="PRODU">PRODU</option>
 <option value="VENDI">VENDI</option>
</select><span id="lblDivisione" style="height:16px;width:60px;Z-INDEX: 112;
LEFT: 19px; POSITION: absolute; TOP:
87px">Divisione</span>
</form>
 </body>
</HTML>
---------------------------------------------
4- come il 3
ho sostituito lo stile della larghezza con il %
l'immagine si posiziona al centro
Presumo che il codice codificato riguardante la griglia, si trovi  nel campo
nascosto __VIEWSTATE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <title>Modifica Comunicazioni</title>
  <meta content="Microsoft Visual Studio.NET 7.0" name="GENERATOR">
  <meta content="Visual Basic 7.0" name="CODE_LANGUAGE">
  <meta content="JavaScript" name="vs_defaultClientScript">
  <meta content="
http://schemas.microsoft.com/intellisense/ie5
"
name="vs_targetSchema">
  <LINK href="Styles.css" type="text/css" rel="stylesheet">
  <script language="javascript" src="script.js"></script>
 </HEAD>
 <body MS_POSITIONING="GridLayout">
  <IFRAME ID=__hifSmartNav NAME=__hifSmartNav STYLE=display:none
src="IEsmartnav1"></IFRAME>
<form name="Form1" method="post"
action="formComunicazioniModifiche.aspx?index=3" id="Form1"
__smartNavEnabled="true">
<input type="hidden" name="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" value="" />
<input type="hidden" name="__VIEWSTATE"
value="dDwyOTQzNTcwMzA7dDw7bDxpPDE+Oz47bDx0PDtsPGk8MT47aTwxND47aTwxNz47PjtsP
HQ8O2w8aTwwPjs+O2w8dDw7bDxpPDE+Oz47bDx0PDtsPGk8MD
47PjtsPHQ8O2w8aTwxPjs+O2w8dDxwPDtwPGw8b25DbGljazs+O2w8Q2xvc2VXaW5kb3coKTs+Pj
47Oz47Pj47Pj47Pj47Pj47dDx0PDtwPGw8aTwwPjtpPDE+O2k
8Mj47aTwzPjtpPDQ+O2k8NT47aTw2Pjs+O2w8cDxcZTtcZT47cDxBQ1FVSTtBQ1FVST47cDxESVJ
FWjtESVJFWj47cDxNQUdBWjtNQUdBWj47cDxQRVJTTztQRVJT
Tz47cDxQUk9EVTtQUk9EVT47cDxWRU5ESTtWRU5EST47Pj47Pjs7Pjt0PEAwPDs7Ozs7Ozs7Ozs+
Ozs+Oz4+Oz4+Oz4FIk2uEP9wx94hodmwccYwiXXWiA==" />
<script language="javascript">
<!--
 function __doPostBack(eventTarget, eventArgument) {
  var theform = document.Form1;
  theform.__EVENTTARGET.value = eventTarget;
  theform.__EVENTARGUMENT.value = eventArgument;
  theform.submit();
 }
// -->
</script>
<script language="JScript"
src="/aspnet_client/system_web/1_0_3705_288/SmartNav.js"></script>
   <table cellSpacing="0" cellPadding="0" width="750"
background="images/PietraVerde.bmp" border="0">
    <TR>
     <td><table id="Banner21_Table1" cellspacing="0" cellpadding="0"
width="937"
border="0">
 <tr>
  <td align="left" width="10%" rowspan="2"><IMG height="22"
src="images/TitoloBannerComunicazioni.gif"
width="119">
  </td>
  <td valign="bottom" align="middle" width="507" rowspan="2">
   <table id="Banner21_tabs" class="Styles" cellspacing="0" cellpadding="0"
border="0"
style="height:1px;width:446px;border-collapse:collapse;">
   <tr>
    <td class="tab-inactive">
     <a href='/ComunicazioniIconArchive/formPaginaCopertina.aspx?index=0'>
      Copertina
     </a>
    </td><td class="tab-inactive">
     <a href='/ComunicazioniIconArchive/formPaginaUtente.aspx?index=1'>
      Registrazione
     </a>
    </td><td class="tab-inactive">
     <a
href='/ComunicazioniIconArchive/formReportsComunicazioni.aspx?index=2'>
      Report
     </a>
    </td><td class="tab-active">
     Mod Report
    </td><td class="tab-inactive">
     <a href='/ComunicazioniIconArchive/formGrafici.aspx?index=4'>
      Grafici
     </a>
    </td>
   </tr>
  </table></td>
  <TD align="middle" width="179" rowspan="2"><span id="Banner21_lblUtente"
style="color:White;background-color:Transparent;height:1px;width:153px;">Ute
nte: DIREZLOFR
Visitatore n.  992</span></TD>
  <td align="middle" width="10%" height="17"><a id="Banner21_LinkBtnLogin"
href="javascript:__doPostBack('Banner21:LinkBtnLogin','')"
style="color:White;background-color:Transparent;height:5px;width:64px;">Logi
n</a>
  </td>
 </tr>
 <tr>
  <td align="middle">
   <a id="Banner21_LinkBtnLogoff" onClick="CloseWindow()"
href="javascript:__doPostBack('Banner21:LinkBtnLogoff','')"
style="color:White;background-color:Transparent;width:59px;">Logoff</a>
  </td>
 </tr>
</table>
</td>
    </TR>
   </table>
   <span id="lblMessaggio"
style="color:#0000C0;height:23px;width:622px;Z-INDEX: 108; LEFT: 269px;
POSITION: absolute; TOP: 90px"></span>
   <DIV style="DISPLAY: inline; FONT-SIZE: x-large; Z-INDEX: 113; LEFT:
359px; WIDTH: 308px; COLOR:
#cc0033; POSITION: absolute; TOP: 40px; HEIGHT: 38px"
ms_positioning="FlowLayout">Modifica&nbsp;Comunicazioni</DIV>
   <span id="lblDal" style="height:3px;width:51px;Z-INDEX: 102; LEFT: 15px;
POSITION: absolute; TOP:
125px">Dal</span><input name="txtDal" type="text" readonly="readonly"
id="txtDal"
style="border-style:Solid;width:110px;Z-INDEX: 103; LEFT: 84px; POSITION:
absolute; TOP: 124px" /><span id="lblAl"
style="height:3px;width:51px;Z-INDEX: 104; LEFT: 233px; POSITION: absolute;
TOP: 128px">Al</span><input name="txtAl"
type="text" readonly="readonly" id="txtAl"
style="border-style:Solid;width:110px;Z-INDEX: 105; LEFT: 288px; POSITION:
absolute; TOP: 124px" /><A href="javascript:popdate('Form1.txtDal', 'Data
inizio');"><img
src="/ComunicazioniIconArchive/images/icon-calendar.gif" id="IMG1"
style="Z-INDEX: 106; LEFT: 193px; POSITION: absolute; TOP:
124px" height="21" width="28" align="absMiddle" border="0" /></A><A
href="javascript:popdate('Form1.txtAl', 'Data
fine');"><IMG style="Z-INDEX: 107; LEFT: 396px; POSITION: absolute; TOP:
125px" height="21" alt=""
src="images/icon-calendar.gif" width="28" align="absMiddle" border="0"></A>
   <input type="submit" name="btnPopolaGriglia" value="Report"
id="btnPopolaGriglia"
style="height:29px;width:101px;Z-INDEX: 109; LEFT: 438px; POSITION:
absolute; TOP: 122px" /><input type="submit"
name="btnPulisciDate" value="Pulisci date" id="btnPulisciDate"
style="height:29px;width:101px;Z-INDEX: 110; LEFT: 543px;
POSITION: absolute; TOP: 122px" /><select name="DDLDivisione"
id="DDLDivisione" style="height:25px;width:137px;Z-INDEX: 111;
LEFT: 84px; POSITION: absolute; TOP: 87px">
 <option value=""></option>
 <option value="ACQUI">ACQUI</option>
 <option value="DIREZ">DIREZ</option>
 <option value="MAGAZ">MAGAZ</option>
 <option value="PERSO">PERSO</option>
 <option value="PRODU">PRODU</option>
 <option value="VENDI">VENDI</option>
</select><span id="lblDivisione" style="height:16px;width:60px;Z-INDEX: 112;
LEFT: 19px; POSITION: absolute; TOP:
87px">Divisione</span>
   <a id="HyperLink1" href="/ComunicazioniIconArchive/WebForm2.aspx"
style="height:17px;width:149px;Z-INDEX: 114; LEFT: 740px; POSITION:
absolute; TOP: 58px">HyperLink</a></form>
 </body>
</HTML>
Salve
giuseppeD

 giuseppeD
Mi segnala errore su queste ultime due righe... ;-)

 Mi segnala errore su queste ultime due righe... ;-)
Come quel tizio che colpevolizza la mela per il mal di pancia.  ^__^
giuseppeD

[*Giuseppe*=
NOSPAM...@tin.it
] ha scritto:


No, no.
La polenta fresca il burro e il parmigiano non mi pesano affatto.
Anzi, sono ancora in fase orgasmica.

l'immagine si posiziona al centro
credo che tu abbia postato l'html sbagliato, cioe' quello delle pagine
che chiamano la griglia e non delle pagine con la griglia :-(
-- 
ciao, hal

 che chiamano la griglia e non delle pagine con la griglia :-(
Pagina browser Internet Explorer
Tasto dx > HTML > Blocco note contenente il codice HTML elaborato dal Server
IIS
Presumo che il tutto č contenuto nel seguente:
<form name="Form1" method="post"
action="formComunicazioniModifiche.aspx?index=3" id="Form1"
__smartNavEnabled="true">
<input type="hidden" name="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" value="" />
<input type="hidden" name="__VIEWSTATE"
value="dDwyOTQzNTcwMzA7dDw7bDxpPDE+Oz47bDx0PDtsPGk8MT47aTwxND47aTwxNz47PjtsP
HQ8O2w8aTwwPjs+O2w8dDw7bDxpPDE+Oz47bDx0PDtsPGk8MD47PjtsPHQ8O2w8aTwxPjs+O2w8d
DxwPDtwPGw8b25DbGljazs+O2w8Q2xvc2VXaW5kb3coKTs+Pj47Oz47Pj47Pj47Pj47Pj47dDx0P
DtwPGw8aTwwPjtpPDE+O2k8Mj47aTwzPjtpPDQ+O2k8NT47aTw2Pjs+O2w8cDxcZTtcZT47cDxBQ
1FVSTtBQ1FVST47cDxESVJFWjtESVJFWj47cDxNQUdBWjtNQUdBWj47cDxQRVJTTztQRVJTTz47c
DxQUk9EVTtQUk9EVT47cDxWRU5ESTtWRU5EST47Pj47Pjs7Pjt0PEAwPDs7Ozs7Ozs7Ozs+Ozs+O
z4+Oz4+Oz4FIk2uEP9wx94hodmwccYwiXXWiA==" />
per il:
<input type="hidden" name="__VIEWSTATE" , la pietra angolare di 
ASP.NET
,
controlla il valore attuale dei controlli con i presenti nel campo nascosto.
Presumo che funzioni da IE 5,1 in poi (supposizione)
Quindi la griglia con le colonne e i rispettivi valori presenti nelle celle,
si trovano all'interno del campo nascosto. Altrimenti dove sono finiti ?
giuseppeD

si trovano all'interno del campo nascosto. Altrimenti dove sono finiti ?
Ma tu vedi subito la griglia dal browser oppure fai qualcosa prima che
questa compaia?
Ho anche notato un IFRAME nascosto, ma non sono sicuro che c'entri
qualcosa con la griglia.
-- 
ciao, hal

Ho inviato due Risposte, non vedendo la prima,
molto lunghe,
non appiano,
c'è un limite di righe per il post ?
Una risposta data sopra, 5 righe, la visualizzazione è stata immediata.
giuseppeD

Una risposta data sopra, 5 righe, la visualizzazione è stata immediata.
Se bastano i sorgenti 
asp.net
 (non l'html) che hai gia' postato
provo a riprodurre il tutto da me.
-- 
ciao, hal

 Francamente non lo so :-(
Se da te vedi e da me no,
il problema è mio.
Le righe sono 285
Il codice postato è il risultato del postback in HTML
Salve
giuseppeD