CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

[CSS] Alignement horizontal d'inputbox?

BlackwaterPark
BlackwaterPark
Niveau 19
15 décembre 2014 à 17:46:40

Salut!
j'essaye d'aligner différentes inputbox pour une page:
à gauche, l'une en dessous de l'autre, une boite de saisie de nom et une de mail.
à droite de ces zones de saisie, une pour saisir un message (de taille plus important donc) et en dessous un bouton pour valider l'envoi du formulaire.
Pour le moment j'ai ça:
https://image.noelshack.com/fichiers/2014/51/1418661984-cv.png
et mon css:
https://image.noelshack.com/fichiers/2014/51/1418661960-css.png

une idée? :)
merci d'avance!
bien à vous,bwp.

Pseudo supprimé
Pseudo supprimé 15 décembre 2014 à 17:54:08

Pas trop compris, tu veux qu'elles soient toutes à côté sauf le bouton Envoyer ? Ou tu veux que tout soit en dessous de tout ?

BlackwaterPark
BlackwaterPark
Niveau 19
15 décembre 2014 à 17:56:33

je veux que mes trois zones soient sur le même "niveau": j'ai réussi à progresser un peu, j'en suis là maintenant:
https://image.noelshack.com/fichiers/2014/51/1418662558-cv2.png
en gros maintenant je souhaiterais "remonter" ma zone "message" et centrer le bouton envoyer.
(et aussi faire en sorte que mes deux champs noms et mails soient de la même taille mais ça je vais y arriver).
est ce plus clair?
Bwp

Pseudo supprimé
Pseudo supprimé 15 décembre 2014 à 18:13:18

J'ai pas vu ton code mais j'ai réussi à faire ce que tu veux par rapport aux inputs (ne prends pas le code à la lettre, il manque quelques trucs comme le nom des inputs):


<html>
	<head>
		<style>
			.nom {
				position: fixed;
				top: 0%;
			}
			textarea {
				position: absolute;
				right: 30%;
				top:0%;
			}
				
		</style>
		</head>
		<body>
			<div width=100%>
			Nom: <input class="nom" type="text"> <textarea></textarea> <br>
			Mail: <input type="text">
			</div>
			<br>
			<input type="submit" value="Envoyer">
		</body>
	</html>
Sous forums
  • Aide à l'achat Mac
  • Macintosh
  • Création de Jeux
  • Programmation
  • Création de sites web
  • Linux
  • Internet
  • Steam Deck
  • Hardware
La vidéo du moment