Positionner un formulaire [résolu]

Le premier forum francophone sur l'éditeur de pages Web multiplateforme (Linux, Mac OS X, Windows) qui monte… KompoZer, héritier de Nvu, permet de créer vos pages Web graphiquement (wysiwyg) sans aucune connaissance du langage HTML.

Modérateur : chinon37

Répondre
neophyte
Salamandre
Messages : 46
Inscription : 26 nov. 2010, 09:50

Positionner un formulaire [résolu]

Message par neophyte »

Bonjour,
j'ai deux "boutons" paypal . Kompozer les appelles formulaires . Impossible de les mettre côte à côte. je les ai créé avec insertion de code html.
Merci de votre aide
pour les pros, j'ai mis la page en ligne afin que vous ayez accès au code source et à la visualisation .
http://www.forthomme-coach.com/coaching ... nique.html
Dernière modification par neophyte le 03 janv. 2011, 19:34, modifié 1 fois.
Ymai
Tyrannosaurus Rex
Messages : 4220
Inscription : 12 mars 2005, 11:36

Re: Positionner un formulaire

Message par Ymai »

Bonjour
neophyte a écrit :Bonjour,
j'ai deux "boutons" paypal . Kompozer les appelles formulaires . Impossible de les mettre côte à côte. je les ai créé avec insertion de code html.
Merci de votre aide
pour les pros, j'ai mis la page en ligne afin que vous ayez accès au code source et à la visualisation .
http://www.forthomme-coach.com/coaching ... nique.html
C'est tout simple, en fait.
Il suffit de déclarer chacun des formulaires (<form>) avec un style flottant à gauche.
Le deuxième formulaire ne devant pas être décalé avec une marge gauche (margin-left: 409px: à supprimer)
Ne pas oublier de supprimer aussi la balise <br> qui figure à la suite du premier formulaire.
Ensuite, affiner les réglages pour que l'esthétique y trouve un peu son compte.
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
neophyte
Salamandre
Messages : 46
Inscription : 26 nov. 2010, 09:50

Re: Positionner un formulaire

Message par neophyte »

Merci,
Je tente de traduire: clic droit dans le formulaire, propriétés, éditeur avancé, style interne: attribut flottant, valeur left.
Apparemment cela ne fonctionne pas. les données ne sont pas prises en compte.
J'ai supprimé la balise br aprés le premier formulaire, maintenant je les ai l'un au-dessus de l'autre.
Ymai
Tyrannosaurus Rex
Messages : 4220
Inscription : 12 mars 2005, 11:36

Re: Positionner un formulaire

Message par Ymai »

neophyte a écrit :Merci,
Je tente de traduire: clic droit dans le formulaire, propriétés, éditeur avancé, style interne: attribut flottant, valeur left.
Apparemment cela ne fonctionne pas. les données ne sont pas prises en compte.
J'ai supprimé la balise br aprés le premier formulaire, maintenant je les ai l'un au-dessus de l'autre.
Une autre traduction? :D
F11 -> Éditeur de styles
> Créer un nouveau style [0] appliqué aux éléments de même type
form
> Créer la règle de style
> Onglet "Boîte" > Flottante > Gauche
> OK
Image
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
neophyte
Salamandre
Messages : 46
Inscription : 26 nov. 2010, 09:50

Re: Positionner un formulaire

Message par neophyte »

:D Merci
une dernière, enfin j'espère.
Sur l'onglet conception je les ai alignés, sur la même hauteur. Par contre dans le navigateur l'un est plus bas que l'autre.
Ymai
Tyrannosaurus Rex
Messages : 4220
Inscription : 12 mars 2005, 11:36

Re: Positionner un formulaire

Message par Ymai »

neophyte a écrit :Sur l'onglet conception je les ai alignés, sur la même hauteur. Par contre dans le navigateur l'un est plus bas que l'autre.
Un <br> qui traîne entre les deux. À virer.
Il faut vraiment éviter de faire de la mise en page à coups de <br> et de barre d'espacement.

[mode "beau: on"]PS: c'est vrai que c'est quand même mieux d'avoir les deux à la même hauteur. Ouuuuupppssss....[/mode]
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
neophyte
Salamandre
Messages : 46
Inscription : 26 nov. 2010, 09:50

Re: Positionner un formulaire

Message par neophyte »

Merci ca marche :D
Et par quoi remplacer les br et les barres d'espacement?
Ymai
Tyrannosaurus Rex
Messages : 4220
Inscription : 12 mars 2005, 11:36

Re: Positionner un formulaire

Message par Ymai »

La mise en forme devrait idéalement se faire intégralement par CSS.
Exactement comme là :D , par exemple

Code : Tout sélectionner

#paypal2 {
  float: left;
  margin-left: 70px;
}
#paypal1 {
  float: left;
  margin-left: 50px;
}
En passant...
Particuliers Entreprises
45 € 30 minutes 95 €
67 € 45 minutes 143 €
89 € 60 minutes 191 €
constituent bien des données tabulaires. Donc, là, un tableau se justifie pleinement; alors que la mise en forme avec des espacements peut donner des résultats étranges en fonction de la configuration du navigateur.
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
neophyte
Salamandre
Messages : 46
Inscription : 26 nov. 2010, 09:50

Re: Positionner un formulaire [Résolu]

Message par neophyte »

Bonsoir,
Ymai, merci pour ton aide. je note au passage que j'aurais pu faire un tableau.
Et bravo pour tes tutos.
neophyte
Salamandre
Messages : 46
Inscription : 26 nov. 2010, 09:50

Re: Positionner un formulaire

Message par neophyte »

Ymai a écrit :La mise en forme devrait idéalement se faire intégralement par CSS.
Exactement comme là :D , par exemple

Code : Tout sélectionner

#paypal2 {
  float: left;
  margin-left: 70px;
}
#paypal1 {
  float: left;
  margin-left: 50px;
}
En passant...
Particuliers Entreprises
45 € 30 minutes 95 €
67 € 45 minutes 143 €
89 € 60 minutes 191 €
constituent bien des données tabulaires. Donc, là, un tableau se justifie pleinement; alors que la mise en forme avec des espacements peut donner des résultats étranges en fonction de la configuration du navigateur.
Bonsoir,
Effectivement
Tableau en place
Merci
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Semrush [Bot] et 1 invité