Laravel 6

problème avec le templating de laravel

Avatar de S0m0ke
S0m0ke

Bonjour messieurs je suis un debutant de laravel je souhaite avoir de l'aide sur un problème sur mon projet En fait je suis entrain d'apprendre à programmer progresivement avec laravel. Voici mon problème j'ai fait une vue nommé template.blade.php que je dois inclure au fur et à mesure j'ai crée une autre vue email.blade.php j'ai fais @yield('content') dans mon template ou j'ai placé un menu je l'ai appelé par `

@extends('template')

@section('content')

      <form action="" method="post">
        <div class="row">
         <div class="col-md-6">
         <input type="email" name="email" id="email" class="form-control">

         </div>
        </div><br>
        <div class="row">
         <div class="col-md-4">
          <input type="submit" value="enregistrer" name="enregistrer" class="btn btn-primary">

         </div>
        </div>
      </form>

    </div>
</div>

mon problème c'est que quand je vois le résult, le menu viens en bas donc je veux savoir ce qui ne marche pas dans ce code voici le code du template.blade.php `

Posté il y a 1 mois
Avatar de CinquièmeDimension
CinquièmeDimension

Salut,

Peux-tu nous poster tes fichiers template.blade.php et email.blade.php en entiers STP ? Autre question, ces deux fichiers sont-ils dans le dossier /ressources/views ou dans des sous-dossiers ?

Posté il y a 1 mois
Avatar de bestmomo
bestmomo

Salut,

Tu as mis deux fois @yield('content') dans ton template.

Posté il y a 1 mois
Avatar de S0m0ke
S0m0ke

Bonjours les chers amis je suis très content de vos réactions car y'a longtemps que je cherche à rencontrer des personnes sur un forum merci. Cependant mon problème demeure car j'essais de faire toutes les modifs en fonctions de vos suggestions mais je ne comprends pas pourquoi cette réactions en fait le template apparait en bas du contenu du formulaire voici une fois encore le code pour ceux qui le demandent le fichier template.blade.php

<html>
<head>
	<title></title>
	 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
	    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
		<!--<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>-->
</head>
<body>
  @yield('content')
   <ul class="nav nav-tabs " style='background-color:#12ccef;color:#fff'>
   	  <li class="nav-item"><a href="" class="nav-link text-white">Contact</a></li>
   	  <li class="nav-item"><a href="" class="nav-link text-white">A-Propos</a></li>
   	  <li class="nav-item"><a href="" class="nav-link text-white">E-mail</a></li>
   	  <li class="nav-item"><a href="" class="nav-link text-white">Inscription</a></li>
   </ul>
@yield('footer')
<footer>

</footer>
</body>
</html>

et le fichier email.blade.php

<div class="col-offset-sm-4 col-sm-4">
    <div class="panel panel-default">
        <div class="panel-heading"><h5>Inscription à la lettre d'information</h5> </div>
        <div class="panel-body">
       
          <form action="" method="post">
            <div class="row">
             <div class="col-md-6">
             <input type="email" name="email" id="email" class="form-control">

             </div>
            </div><br>
            <div class="row">
             <div class="col-md-4">
              <input type="submit" value="enregistrer" name="enregistrer" class="btn btn-primary">

             </div>
            </div>
          </form>

        </div>
    </div>

</div>
@endsection

@section('footer')
&copy;Right Nardi Caffé 2020
@endsection
Posté il y a 1 mois
Avatar de CinquièmeDimension
CinquièmeDimension

Simplement parceque ton @yeld('content') est au dessus de ton menu.

Met-le après

<html>
    <head>
        <title></title>
         <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
            <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
            <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
            <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
            <!--<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>-->
    </head>
    <body>

           <ul class="nav nav-tabs " style='background-color:#12ccef;color:#fff'>
              <li class="nav-item"><a href="" class="nav-link text-white">Contact</a></li>
              <li class="nav-item"><a href="" class="nav-link text-white">A-Propos</a></li>
              <li class="nav-item"><a href="" class="nav-link text-white">E-mail</a></li>
              <li class="nav-item"><a href="" class="nav-link text-white">Inscription</a></li>
           </ul>
           @yield('content')

        <footer>
            @yield('footer')
        </footer>
    </body>
</html>

Ne pas oublier

@extends('template')
@section('content')

dans ton email.blade.php. (Je pense que tu l'avais mis mais juste que tu ne l'as pas copié collé ici...)

EDIT: Attention à ton @yeld('footer') qui n'était pas dans <footer></footer>

EDIT2 : ©Right à la fin de ton email.blade.php, je ne sais pas si c'est comme ça que tu voulais l'écrire

Posté il y a 1 mois

Vous ne pouvez pas répondre à ce sujet.