Partage
  • Partager sur Facebook
  • Partager sur Twitter

Deux HR sur une même ligne

Sujet résolu
CharlesSauvat
    10 décembre 2017 à 13:23:41

    Bonjour :) 

    J'aimerai réaliser ceci :

    Et je bloque actuellement comme ça :

    Mon code :

    <!DOCTYPE html>
<html>
<head>
	<title>Connectez-vous à votre espace client PayLife</title>
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
</head>
<body>
<!-- Ajout du logo -->
<div style="text-align: center; margin-top: 10%;">
	<img src="assets/img/logo_connexion.svg" width="130" />
</div>
<br />
<!-- Formulaire de conneixon -->
<center>
<input type="text" class="form-control" aria-describedby="emailHelp" placeholder="Nom & Prénom" style="width: 350px; height: 45px;">
<input type="text" class="form-control" aria-describedby="emailHelp" placeholder="ID Arma 3" style="width: 350px; height: 45px; margin-top: 10px;">
<br />
<button type="submit" class="btn btn-primary" style="background-color: #2d70ce; width: 350px; height: 45px;"><b>Connexion</b></button>
<br /><br />
<a href="">Vous n'arrivez pas à vous connecter ?</a>
<span class="hrou">
<hr width="150"/>ou<hr width="150"/>
</span>
</center>
</body>
</html>

    Merci pour votre coup de main !

    • Partager sur Facebook
    • Partager sur Twitter
    Lamecarlate
    • HTML / CSS
      10 décembre 2017 à 13:46:58

      Bonjour,

      c'est en CSS que ça se fait, <hr> n'est pas du tout adapté pour ça :)

      À lire : https://forum.alsacreations.com/topic-4-75099-1-RnsoluTexteentre2traits.html

      • Partager sur Facebook
      • Partager sur Twitter

      Pas d'aide concernant le code par MP, le forum est là pour ça :)

      Deux HR sur une même ligne

      × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
      × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
      • Editeur ●
      • Markdown