Bonjour,
Totalement débutant en programmation, voilà un bout de temps que je sèche sur ce petit problème sans trouver la moindre réponse sur le web...
Pourriez-vous m'expliquer comment faire pour centrer les 2 input ("mail" et "submit") tout en faisant en sorte qu'ils restent l'un à côté de l'autre et non l'un au-dessus de l'autre ?
En vous remerciant sincèrement pour votre aide et... à charge de revanche ?
(et vu que je n'y connais rien, mon aide risque d'être rapide xP)
Je vous transmets toute ma page de programmation :
<!DOCTYPE html>
<head>
<title>Guillaume LEBON</title>
<style>
h1 {
text-align:center;
color:white;
font-style:Verdana;
font-size:40px;
}
p {
text-align:center;
color:white;
font-style:Helvetica;
}
body {
background: url("http://i.imgur.com/Gjqnl65.jpg");
background-size:105%;
}
input[type="mail"] {
border-color: white;
padding: 3px 3px 3px 3px;
text-align: center;
}
input[type="submit"] {
color: white;
background: #595959;
border-color: white;
padding: 3px 3px 3px 3px;
text-align: center;
}
img {
display: block;
max-width: 26%;
height: auto;
margin-left: auto;
margin-right: auto;
}
</style>
</head>
<body>
<img src="http://i.imgur.com/6uVztgg.png">
<h1>Guillaume LEBON</h1>
<p>...30 ans, celibataire, apprenti codeur a la Wild Code School de Lyon...</p>
<input type="mail" placeholder="Fais-moi rever !">
<input type="submit" value="Merci !">
</body>
Totalement débutant en programmation, voilà un bout de temps que je sèche sur ce petit problème sans trouver la moindre réponse sur le web...
Pourriez-vous m'expliquer comment faire pour centrer les 2 input ("mail" et "submit") tout en faisant en sorte qu'ils restent l'un à côté de l'autre et non l'un au-dessus de l'autre ?
En vous remerciant sincèrement pour votre aide et... à charge de revanche ?
(et vu que je n'y connais rien, mon aide risque d'être rapide xP)Je vous transmets toute ma page de programmation :
<!DOCTYPE html>
<head>
<title>Guillaume LEBON</title>
<style>
h1 {
text-align:center;
color:white;
font-style:Verdana;
font-size:40px;
}
p {
text-align:center;
color:white;
font-style:Helvetica;
}
body {
background: url("http://i.imgur.com/Gjqnl65.jpg");
background-size:105%;
}
input[type="mail"] {
border-color: white;
padding: 3px 3px 3px 3px;
text-align: center;
}
input[type="submit"] {
color: white;
background: #595959;
border-color: white;
padding: 3px 3px 3px 3px;
text-align: center;
}
img {
display: block;
max-width: 26%;
height: auto;
margin-left: auto;
margin-right: auto;
}
</style>
</head>
<body>
<img src="http://i.imgur.com/6uVztgg.png">
<h1>Guillaume LEBON</h1>
<p>...30 ans, celibataire, apprenti codeur a la Wild Code School de Lyon...</p>
<input type="mail" placeholder="Fais-moi rever !">
<input type="submit" value="Merci !">
</body>
