problème dans l'affichage d'un div

-1

J'ai inclus une page php (courses.php) dans une autre page php (course.php). Après avoir inclus courses.php dans course.php, j'ai écrit une balise div et je veux qu'elle soit affichée à côté de la div ayant COURS comme en-tête.problème dans l'affichage d'un div

//Courses.php

<html> 
    <head> 
     <style> 
      #top 
      { 
       height: 100px; 
       border :0.5px solid; 
      } 
      #left 
      { 
       height: 520px; 
       width: 250px; 
       border :0.5px solid; 
      } 
     </style> 
    </head> 

    <body> 
     <div id = "top"></div> 
     <div id = "left"> 
      <center> 
       <h2><b> COURSES </h2></b> 
       <ul> 
        <li><a href = "Html.html" target = "output"> HTML </a> 
       </li> 
        <li><a href = "C++.html" target = "output"> C++ </a> 
       </li> 
       </ul> 
      </center> 
     </div> 
    <body> 
</html>

Page for Courses.php

//course.php

<html> 
    <head> 
     <style> 
     #center 
      { 

       height: 530px; 
       width: 900px; 
       border :0.5px solid; 
      } 

     </style> 
    </head> 
    <body> 

      <?php include("courses.php");?> 

      <div id = "center"> 
      <h2>HEY</h2> 
      </div> 
    </body> 
    </html>

page for Course.php

Je veux la div montrant HEY être affiché à côté de div montrant COURS. Également conseiller comment je peux diviser l'étiquette div ayant HEY en deux moitiés égales verticalement.

choses que j'essayées pour montrer deux divs à côté de l'autre:

y compris la balise include php dans un div.
y compris l'étiquette include php (dans un div) ainsi que l'étiquette div suivante à la fois dans une étiquette div parent.
puis en manipulant la propriété flottante ainsi que la position avec différentes combinaisons mais cela n'a pas été utile.

Source

2017-10-20 Geek

Vous devez avoir une seule tête et un seul corps, pour obtenir ce travail, vous devrez fusionner les fichiers. Y compris n'est pas une bonne idée –

S'il vous plaît aviser comment cette fusion est faite. – Geek

La balise '

' [a été abandonnée] (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/center) et ne devrait plus être utilisée. – hungerstar

Vous pouvez simplement écrire comme ça dans Courses.php

<style> 
    #top 
    { 
     height: 100px; 
     border :0.5px solid; 
    } 
    #left 
    { 
     height: 520px; 
     width: 250px; 
     border :0.5px solid; 
    } 
</style> 

<div id = "top"></div> 
<div id = "left"> 
    <center> 
     <h2><b> COURSES </h2></b> 
     <ul> 
      <li><a href = "Html.html" target = "output"> HTML </a> 
     </li> 
      <li><a href = "C++.html" target = "output"> C++ </a> 
     </li> 
     </ul> 
    </center> 
</div>

élément de corps

est autorisé à inclure le style, mais ce n'est pas une bonne pratique, vous incitons à partager à deux fichiers, Courses.php et Courses_css.php et les importer au bon endroit dans Course.php

Source

2017-10-20 19:26:14 Momo

Merci, J'ai inclus css en ligne pour courses.php et css interne dans course.php, mais encore une fois tout en essayant d'obtenir la div ayant HEY à côté de la div ayant COURS j'ai essayé à la fois float et position propriété, mais rien n'a été utile dans l'obtention des deux div adjacentes. Toute aide à ce sujet serait appréciée. – Geek

problème dans l'affichage d'un div

Répondre

Questions connexes