Positionner un formulaire a gauche
Résolu
sormick
-
Nexii Messages postés 338 Date d'inscription Statut Membre Dernière intervention -
Nexii Messages postés 338 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
j'ai un code html comme ceci:
<div class="row" style="min-height:516px;width:1250px;">
<div class="extra" style="margin:41px 652px 0px 342px;">
<div class="component " style="width:256px;">
<div class="self mobile-leaf text textnormal mobile-oversized" style="width:256px;min-height:475px;">
<p><span class=" mobile-undersized-upper" style="font-size:15px;">titre chanson</span></p>
<p><span class=" mobile-undersized-upper" style="font-size:15px;">
<audio controls>
<source src="http://musique.mp3" type="audio/mpeg" />
<em>Sorry, your browser doesn't support HTML5 audio.</em>
</audio>
<form target='_blank' action='https://www.paypal.com/fr/cgi-bin/webscr' method='post'>
<input type='hidden' name='business' value='***@***'>
<input type='hidden' name='charset' value='utf-8'>
<input type='hidden' name='cmd' value='_cart'>
<input type='hidden' name='add' value='1'>
<input type='hidden' name='item_name' value='mon titre'>
<input type='hidden' name='amount' value='0.99'>
<input type='hidden' name='currency_code' value='EUR'>
<input type='image' name='submit' src='https://www.paypal.com/fr_FR/i/btn/btn_cart_LG.gif' alt='PayPal - The safer, easier way to pay online'>
<img alt='' width='1' height='1' src='https://www.paypal.com/en_US/i/scr/pixel.gif'>
</form>
Le formulaire paypal est positionné juste en bas du lecteur de musique.
Comment faire pour qu'il soit positionné à gauche du lecteur de musique ou à gauche du texte (titre chanson)?
Vraiment désolé mais je suis un pur débutant en Html je n'y comprend pas grand chose pour le moment. j'ai vu que pour la présentation du site web et des éléments qu'il faut souvent un fichier CSS mais pour le moment je ne métrise pas du tout ce language.
Il y aurait t'il un moyen simple de placer ce formulaire sans créer un fichier lourd ou un un code long à créer? ceci serait temporaire le temps que j'arrive à mieux comprendre le CSS.
Merci
j'ai un code html comme ceci:
<div class="row" style="min-height:516px;width:1250px;">
<div class="extra" style="margin:41px 652px 0px 342px;">
<div class="component " style="width:256px;">
<div class="self mobile-leaf text textnormal mobile-oversized" style="width:256px;min-height:475px;">
<p><span class=" mobile-undersized-upper" style="font-size:15px;">titre chanson</span></p>
<p><span class=" mobile-undersized-upper" style="font-size:15px;">
<audio controls>
<source src="http://musique.mp3" type="audio/mpeg" />
<em>Sorry, your browser doesn't support HTML5 audio.</em>
</audio>
<form target='_blank' action='https://www.paypal.com/fr/cgi-bin/webscr' method='post'>
<input type='hidden' name='business' value='***@***'>
<input type='hidden' name='charset' value='utf-8'>
<input type='hidden' name='cmd' value='_cart'>
<input type='hidden' name='add' value='1'>
<input type='hidden' name='item_name' value='mon titre'>
<input type='hidden' name='amount' value='0.99'>
<input type='hidden' name='currency_code' value='EUR'>
<input type='image' name='submit' src='https://www.paypal.com/fr_FR/i/btn/btn_cart_LG.gif' alt='PayPal - The safer, easier way to pay online'>
<img alt='' width='1' height='1' src='https://www.paypal.com/en_US/i/scr/pixel.gif'>
</form>
Le formulaire paypal est positionné juste en bas du lecteur de musique.
Comment faire pour qu'il soit positionné à gauche du lecteur de musique ou à gauche du texte (titre chanson)?
Vraiment désolé mais je suis un pur débutant en Html je n'y comprend pas grand chose pour le moment. j'ai vu que pour la présentation du site web et des éléments qu'il faut souvent un fichier CSS mais pour le moment je ne métrise pas du tout ce language.
Il y aurait t'il un moyen simple de placer ce formulaire sans créer un fichier lourd ou un un code long à créer? ceci serait temporaire le temps que j'arrive à mieux comprendre le CSS.
Merci
A voir également:
- Positionner un formulaire a gauche
- Whatsapp formulaire opposition - Guide
- Windows 11 barre des taches a gauche - Guide
- Formulaire de réclamation facebook - Guide
- Les textes ne doivent pas être en retrait à droite et à gauche - Guide
- Formulaire de reclamation instagram - Guide
1 réponse
Attention à bien utiliser un fichier CSS pour les styles, car ton code HTML est pollué de balises styles.
Je t'ai fais ce que tu souhaite sur le lien suivant, avec quelques commentaires :
http://jsfiddle.net/6r8T2/1/
Lorsque tu souhaite dispoer 2 éléments côte à côte, tu les englobe dans 2 div distincts, eux même dans un div parent, pour obtenir ce type d'arborescence :
Tu donne une propriété float:left/right au div qui doit se positionner, et une largeur au div parent.
Je t'ai fais ce que tu souhaite sur le lien suivant, avec quelques commentaires :
http://jsfiddle.net/6r8T2/1/
Lorsque tu souhaite dispoer 2 éléments côte à côte, tu les englobe dans 2 div distincts, eux même dans un div parent, pour obtenir ce type d'arborescence :
<div style="width:100%">
<div style="float:left">
<audio class="lecteur audio">
</div>
<div>
<form></form>
</div>
</div>
Tu donne une propriété float:left/right au div qui doit se positionner, et une largeur au div parent.
Je vais essayer je gagne un temps précieux grâce à vous ! Longue vie à votre forum !
quel nom dois je donner au CSS pour le lier avec mon HTML et certainement je dois écrire une ligne de code HTML pour le lier avec mon css.