Positionner un formulaire a gauche

Résolu/Fermé

sormick - 2 juil. 2014 à 09:41
Nexii Messages postés 338 Date d'inscription jeudi 13 mars 2014 Statut Membre Dernière intervention 14 mars 2017 - 2 juil. 2014 à 14:03

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

A voir également:

Positionner un formulaire a gauche
Windows 11 barre des taches a gauche - Guide
Formulaire de réclamation facebook - Guide
Alignez la date à droite. alignez "monsieur le directeur” à gauche. alignez des deux côtés le texte du courrier. ✓ - Forum Word
Formulaire instagram compte suspendu - Guide
Positionner des points sur une carte - Guide

1 réponse

Réponse 1 / 1

Nexii Messages postés 338 Date d'inscription jeudi 13 mars 2014 Statut Membre Dernière intervention 14 mars 2017 575
Modifié par Nexii le 2/07/2014 à 10:41

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 :

<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.

sormick
2 juil. 2014 à 13:34

Merci énormément !
Je vais essayer je gagne un temps précieux grâce à vous ! Longue vie à votre forum !

Nexii Messages postés 338 Date d'inscription jeudi 13 mars 2014 Statut Membre Dernière intervention 14 mars 2017 575
2 juil. 2014 à 13:38

Mettre en résolu ;)

i
2 juil. 2014 à 13:56

désolé dernière chose.
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.

Nexii Messages postés 338 Date d'inscription jeudi 13 mars 2014 Statut Membre Dernière intervention 14 mars 2017 575
2 juil. 2014 à 14:03

A mettre entre les balises head :

<html>
 <head>
  <link rel="stylesheet" type="text/css" href="chemin_vers_ton_fichier.css">
 </head>

Discussions similaires

problème de pixel

Résolution d'une image 500 pixels largeur

Civilité (Mr,Mme,Melle) n' apparait pas lors de l'exécution du formulaire

Je n'arrive plus à récuperer mon compte Outlook

Fonction SI et GAUCHE