2010-09-20 2 views
0

J'ai un programme Windows qui génère des formulaires.Problème de positionnement de formulaire

Il prend les propriétés Top/Left à la conception de formulaire dans le programme Windows et génère du code HTML pour afficher le formulaire, en utilisant position: absolute et le haut/gauche d'origine.

Maintenant, je veux partager ma page HTML en trois volets/sections:

1) une barre de menu en haut 2) la forme, comme prévu dans le programme Windows 3) un bouton d'envoi, ci-dessous le formulaire

Je suppose qu'il existe une façon très simple de faire cela, en utilisant divs (si je doit, je peux joindre la forme dans un, mais préfère éviter cela).

Le point principal est que les coordonnées de 2) devront maintenant être par rapport à 2)

J'espère que cela est clair, s'il vous plaît me demander si pas.


@YTi Jiang a demandé un échantillon HTML généré, est le plus simple que je pouvais penser alors voici de - une zone de saisie de texte. N'hésitez pas à demander n'importe quel exemple, mais je pense vraiment que je demande juste un "classique", comme un "menu/corps/pied de page classique" ou ce que les gourous CSS/HML appellent ..

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
<title>Input data</title> 
<meta http-equiv="Content-type" content="text/html;charset=UTF-8"> 
<meta HTTP-EQUIV="Pragma" CONTENT="no-cache"> 
<meta HTTP-EQUIV="Expires" CONTENT="-1"> 
<style type="text/css"> 
    body { font: 12px Arial; } 
</style> 
</head> 
<body> 
<form action="HTTP://localhost/b/submitted.php" method="post"> 

<div class="TEdit" id="TextEditBox1" style="position: absolute; top:56px; left: 72px; width: 121px; height: 21px;"> 
    <input type="text" name="TextEditBox1"> 
</div> 

<div class"submit_button" style="position:absolute; top:102px; left:132px;"><input type="submit" name="submitButton" value="Submit"></div> 
</form> 
</body> 
</html> 

-t-il une différence qu'il est une forme et non pas seulement une page HTML ordinaire?

+1

Ce serait bien si vous pouviez nous montrer une partie du code HTML qui a été généré –

Répondre

1

Je pense par les sons de celui-ci, vous voulez un en-tête et un pied de page fixes, mais le contenu à déplacer avec la page défile. Dans ce cas, jetez un oeil à la source de cette page d'exemple: http://www.cssplay.co.uk/layouts/basics2.html qui fait exactement cela!

+0

+1 merci. Non, je vais bien avec l'en-tête fixe, le corps et le pied de page. Ou, plutôt, l'en-tête est probablement une taille fixe, assez grand pour un menu horizontal, la page peut être aussi longue que cela prend, juste contenir le corps, puis un pied de page pour le bouton d'envoi – Mawg