Pagina web centrata nel browser

mercoledì 21 marzo 2007 - 12.51

Elenco Threads

Stanze Forum

Aggiungi ai Preferiti

Cerca nel forum

fonxie Profilo | Newbie

43 messaggi | Data Invio: mer 21 mar 2007 - 12:51

Ciao a tutti!

Ho creato delle web form con VisualStudio.net 2003 e avrei la necessita che gli oggetti delle pagine web, quando il client ridimenziona la finestra del browser, non abbiano una posizione fissa ma restino sempre centrati all'interno della pagina.

Ho provato a mettere tutti gli oggetti all'interno di "table" modificando il codice html, e sembra funzionare, ma mi sembra una soluzione un po grezza, in quanto in fase di progettazione non è facile spostare oggetti all'interno di tabelle.

Esistono delle proprietà che consentono al client di avere sempre tutto centrato ( bottoni, immagini, textbox, etc..) all'interno della pagina web quando la finestra del browser viene ridimensionata a piacere??

Grazie in anticipo.
Marco.

andreapavia Profilo | Senior Member

203 messaggi | Data Invio: mer 21 mar 2007 - 16:05

non è prorpio cosi' sgrezzo...

devi mettere tutto in tabelle e allinearle togliendo le posizioni assolute

prova a postare un po' del tuo html...

esiste un vecchissimo e TAG HTML deprecato.... anche se con qualche splendida tabella (come fanno in tutto il mondo) e un buon stylesheet risolveresti tutto...

il l'attributo è align="center" per le table
per le celle TD align="center" valign="midlle,top,etc,etc"

<center></center>

fonxie Profilo | Newbie

43 messaggi | Data Invio: lun 26 mar 2007 - 10:07

>non è prorpio cosi' sgrezzo...
>
>devi mettere tutto in tabelle e allinearle togliendo le posizioni
>assolute

Io al momento ho per ogni ogetto del form "POSITION: absolute;" è questo il motivo per cui non riesco a spostare gli oggetti manualmente all'interno di tabelle?

>
>prova a postare un po' del tuo html...
>
>esiste un vecchissimo e TAG HTML deprecato.... anche se con qualche
>splendida tabella (come fanno in tutto il mondo) e un buon stylesheet
>risolveresti tutto...

in che modo posso usare lo "stylesheet"?

>
>il l'attributo è align="center" per le table
>per le celle TD align="center" valign="midlle,top,etc,etc"
>
>
><center></center>

Ti posto il codice html del form principale:

<%@ Page Language="vb" AutoEventWireup="false" Codebehind="wFrmWelcome.aspx.vb" Inherits="survey.frmWelCome" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<title>Welcome</title>
<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
<meta content="Visual Basic .NET 7.1" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
</HEAD>
<body background="images\MainBackGround.jpg" MS_POSITIONING="GridLayout">
<form runat="server">
<DIV id="html_lbl_1" style="DISPLAY: inline; Z-INDEX: 109; LEFT: 40px; WIDTH: 400px; POSITION: absolute; TOP: 32px; HEIGHT: 120px"
align="center" ms_positioning="FlowLayout">
<P><FONT face="Tahoma" color="#0000cc" size="6">Welcome to </FONT>
</P>
<P><FONT face="Tahoma" color="#0000cc" size="4"><FONT size="5">Grimaldi Containers' Survey
Manager</FONT> <FONT size="5">Depot Data</FONT></FONT></P>
</DIV>
<DIV style="DISPLAY: inline; Z-INDEX: 110; LEFT: 48px; WIDTH: 96px; POSITION: absolute; TOP: 168px; HEIGHT: 16px"
ms_positioning="FlowLayout"><FONT face="Tahoma" color="#0000cc">User Id</FONT></DIV>
<asp:textbox id="txtUserID" style="Z-INDEX: 111; LEFT: 152px; POSITION: absolute; TOP: 168px"
tabIndex="1" runat="server" Width="208px" Height="24px" Font-Size="X-Small" Font-Names="Tahoma"></asp:textbox>
<asp:textbox id="txtPwd" style="Z-INDEX: 112; LEFT: 152px; POSITION: absolute; TOP: 208px" tabIndex="2"
runat="server" Width="208px" Height="24px" Font-Size="X-Small" Font-Names="Tahoma" TextMode="Password"></asp:textbox>
<DIV style="DISPLAY: inline; Z-INDEX: 113; LEFT: 48px; WIDTH: 96px; POSITION: absolute; TOP: 208px; HEIGHT: 16px"
ms_positioning="FlowLayout"><FONT face="Tahoma" color="#0000cc">Password</FONT></DIV>
<asp:label id="lblMess" style="Z-INDEX: 114; LEFT: 136px; POSITION: absolute; TOP: 264px" runat="server"
Width="304px" Height="40px" Visible="False" Font-Size="X-Small" Font-Names="Tahoma" ForeColor="#C00000">Label</asp:label>
<asp:image id="ImgErr" style="Z-INDEX: 115; LEFT: 56px; POSITION: absolute; TOP: 256px" runat="server"
Width="48px" Height="48px" ImageUrl="images\forbidden.png" Visible="False"></asp:image>
<asp:imagebutton id="cmdOk" style="Z-INDEX: 116; LEFT: 376px; POSITION: absolute; TOP: 168px" tabIndex="3"
runat="server" Width="52px" Height="52px" ImageUrl="images\key_login.png" BorderStyle="Outset"></asp:imagebutton>
</form>
</body>
</HTML>

Ciao. Grazie.

andreapavia Profilo | Senior Member

203 messaggi | Data Invio: mar 27 mar 2007 - 10:09

http://samples.gotdotnet.com/quickstart/aspplus/samples/webforms/ctrlref/webctrl/datagrid/doc_datagrid.aspx

per quanto concerne le connessioni ad un db access a questo link troverai un buon esempio.... ti consiglio di iniziare con la query di select e associare i dati ad un datagrid...

per cio che concerne l'html

creati una tabella html contenitore N*N

poi invece di copiare i DIV copia il SOLO il controllo web nelle celle delle tabelle

per controllo web intendo ad esemipo

<asp:textbox id="txtUserID"
runat="server" Width="208px" Height="24px" Font-Size="X-Small" Font-Names="Tahoma"></asp:textbox>

ora per l'uso degli stylesheet cerca su html.it

trovarai infinita' di esempi....

Torna su

Stanze Forum

Elenco Threads

Partecipa anche tu! Registrati!

Hai bisogno di aiuto ?
Perchè non ti registri subito?

Dopo esserti registrato potrai chiedere
aiuto sul nostro Forum oppure aiutare gli altri

Consulta le Stanze disponibili.

Registrati ora !