2 section sur une page

bonjour j'ai mis ce code

	  <!--début du global du "portail"-->
	  <div id="global-portail">

	  <!--début du global "aside du menu gauche"-->
	  <aside id="portail-aside-1"><?php include "module/portail/menu/gauche.php"; ?></aside>
	  <!--fin du global "aside du menu gauche"-->

	  <!--début du global "section des news"-->
	  <section id="portail-section"><?php include "module/portail/presentation/index.php"; ?>
	  
	                               <div id="portail-article-section">
								   <article id="portail-article"><?php include "module/portail/news/index.php"; ?></article>
								   <section id="portail-section-1"><?php include "module/portail/autre/index.php"; ?></section>								   
								   </div>
	  </section>
	  <!--fin du global "section des news"-->

	  <!--début du global "aside du menu droite"-->
	  <aside id="portail-aside-2"><?php include "module/portail/menu/droite.php"; ?></aside>
	  <!--fin du global "aside du menu droite"-->

	  </div>
	  <!--fin du global du "portail"-->

j'ai mis 2 sections , je voulais si c'est bon ce code , est si on peut mettre 2 section sur une page

pour une section gauche et une section a droite

merci

Bonjour,

on peut tout à fait, meme si sans titre de… section (h1-h6 avec la hiérarchie qui va bien) c'est pas super utile (dans les lecteurs d'écran).
Il faut du vrai contenu pour pouvoir dire si ici c'est utile ou non et on peut avoir plusieurs avis.

Inutile de les multiplier ceci dit et à coté d'un article c'est bizarre mais bon sans contenu réel…

Si ce n'est pas déjà présent à l'extérieur du code que tu as posté, je t'invite à ajouter un élément main, qui lui DOIT etre unique (sauf cas exceptionnel qu'on rencontrera jamais)
Le guide de l'intégrateur qui explique tout ça : https://disic.github.io/guide-integrateur/1-gabarit-general.html

merci, sinon j'ai mis ca actuellement

	  <!--début des derniers inscrit-->
	  <div id="global-portail-dernier-inscrit">
	  <div id="global-portail-dernier-inscrit-homme">
	  <h2>les 12 derniers inscrits hommes</h2>
	  <ol>
	  <li class="portail-dernier-inscrit-homme icon-membre-portail-inscription-homme-avatar-homme"><div class="membre-portail-inscription-homme-statut-en-ligne"></div><span class="portail-dernier-inscrit-homme-pseudo">pseudo</span></li>
	  <li class="portail-dernier-inscrit-homme icon-membre-portail-inscription-homme-avatar-homme"><div class="membre-portail-inscription-homme-statut-en-ligne"></div><span class="portail-dernier-inscrit-homme-pseudo">pseudo</span></li>
	  <li class="portail-dernier-inscrit-homme icon-membre-portail-inscription-homme-avatar-homme"><div class="membre-portail-inscription-homme-statut-en-ligne"></div><span class="portail-dernier-inscrit-homme-pseudo">pseudo</span></li>
	  <li class="portail-dernier-inscrit-homme icon-membre-portail-inscription-homme-avatar-homme"><div class="membre-portail-inscription-homme-statut-en-ligne"></div><span class="portail-dernier-inscrit-homme-pseudo">pseudo</span></li>
	  <li class="portail-dernier-inscrit-homme icon-membre-portail-inscription-homme-avatar-homme"><div class="membre-portail-inscription-homme-statut-en-ligne"></div><span class="portail-dernier-inscrit-homme-pseudo">pseudo</span></li>
	  <li class="portail-dernier-inscrit-homme icon-membre-portail-inscription-homme-avatar-homme"><div class="membre-portail-inscription-homme-statut-en-ligne"></div><span class="portail-dernier-inscrit-homme-pseudo">pseudo</span></li>
	  <li class="portail-dernier-inscrit-homme icon-membre-portail-inscription-homme-avatar-homme"><div class="membre-portail-inscription-homme-statut-en-ligne"></div><span class="portail-dernier-inscrit-homme-pseudo">pseudo</span></li>
	  <li class="portail-dernier-inscrit-homme icon-membre-portail-inscription-homme-avatar-homme"><div class="membre-portail-inscription-homme-statut-en-ligne"></div><span class="portail-dernier-inscrit-homme-pseudo">pseudo</span></li>
	  <li class="portail-dernier-inscrit-homme icon-membre-portail-inscription-homme-avatar-homme"><div class="membre-portail-inscription-homme-statut-en-ligne"></div><span class="portail-dernier-inscrit-homme-pseudo">pseudo</span></li>
	  <li class="portail-dernier-inscrit-homme icon-membre-portail-inscription-homme-avatar-homme"><div class="membre-portail-inscription-homme-statut-en-ligne"></div><span class="portail-dernier-inscrit-homme-pseudo">pseudo</span></li>
	  <li class="portail-dernier-inscrit-homme icon-membre-portail-inscription-homme-avatar-homme"><div class="membre-portail-inscription-homme-statut-en-ligne"></div><span class="portail-dernier-inscrit-homme-pseudo">pseudo</span></li>
	  <li class="portail-dernier-inscrit-homme icon-membre-portail-inscription-homme-avatar-homme"><div class="membre-portail-inscription-homme-statut-en-ligne"></div><span class="portail-dernier-inscrit-homme-pseudo">pseudo</span></li>
	  </ol>	  
	  </div>
	  <div id="global-portail-dernier-inscrit-femme">
	  <h2>les 12 derniers inscrits femmes</h2>
	  <ol>
	  <li class="portail-dernier-inscrit-femme icon-membre-portail-inscription-femme-avatar-femme"><div class="membre-portail-inscription-femme-statut-en-ligne"></div><span class="portail-dernier-inscrit-femme-pseudo">pseudo</span></li>
	  <li class="portail-dernier-inscrit-femme icon-membre-portail-inscription-femme-avatar-femme"><div class="membre-portail-inscription-femme-statut-en-ligne"></div><span class="portail-dernier-inscrit-femme-pseudo">pseudo</span></li>
	  <li class="portail-dernier-inscrit-femme icon-membre-portail-inscription-femme-avatar-femme"><div class="membre-portail-inscription-femme-statut-en-ligne"></div><span class="portail-dernier-inscrit-femme-pseudo">pseudo</span></li>
	  <li class="portail-dernier-inscrit-femme icon-membre-portail-inscription-femme-avatar-femme"><div class="membre-portail-inscription-femme-statut-en-ligne"></div><span class="portail-dernier-inscrit-femme-pseudo">pseudo</span></li>
	  <li class="portail-dernier-inscrit-femme icon-membre-portail-inscription-femme-avatar-femme"><div class="membre-portail-inscription-femme-statut-en-ligne"></div><span class="portail-dernier-inscrit-femme-pseudo">pseudo</span></li>
	  <li class="portail-dernier-inscrit-femme icon-membre-portail-inscription-femme-avatar-femme"><div class="membre-portail-inscription-femme-statut-en-ligne"></div><span class="portail-dernier-inscrit-femme-pseudo">pseudo</span></li>
	  <li class="portail-dernier-inscrit-femme icon-membre-portail-inscription-femme-avatar-femme"><div class="membre-portail-inscription-femme-statut-en-ligne"></div><span class="portail-dernier-inscrit-femme-pseudo">pseudo</span></li>
	  <li class="portail-dernier-inscrit-femme icon-membre-portail-inscription-femme-avatar-femme"><div class="membre-portail-inscription-femme-statut-en-ligne"></div><span class="portail-dernier-inscrit-femme-pseudo">pseudo</span></li>
	  <li class="portail-dernier-inscrit-femme icon-membre-portail-inscription-femme-avatar-femme"><div class="membre-portail-inscription-femme-statut-en-ligne"></div><span class="portail-dernier-inscrit-femme-pseudo">pseudo</span></li>
	  <li class="portail-dernier-inscrit-femme icon-membre-portail-inscription-femme-avatar-femme"><div class="membre-portail-inscription-femme-statut-en-ligne"></div><span class="portail-dernier-inscrit-femme-pseudo">pseudo</span></li>
	  <li class="portail-dernier-inscrit-femme icon-membre-portail-inscription-femme-avatar-femme"><div class="membre-portail-inscription-femme-statut-en-ligne"></div><span class="portail-dernier-inscrit-femme-pseudo">pseudo</span></li>
	  <li class="portail-dernier-inscrit-femme icon-membre-portail-inscription-femme-avatar-femme"><div class="membre-portail-inscription-femme-statut-en-ligne"></div><span class="portail-dernier-inscrit-femme-pseudo">pseudo</span></li>
	  </ol>	  
	  </div>
	  </div>
	  <!--fin des derniers inscrit-->

sinon es ce qu'on peut mettre

	  <section id="global-portail-dernier-inscrit">
	  <div id="global-portail-dernier-inscrit-homme">
	  <h2>les 12 derniers inscrits hommes</h2>

blabla

	  </div>
	  <div id="global-portail-dernier-inscrit-femme">
	  <h2>les 12 derniers inscrits femmes</h2>
blabla

	  </div>
	  </section>
	  <!--fin des derniers inscrit-->

	  <div id="global-portail-dernier-inscrit">
	  <section id="global-portail-dernier-inscrit-homme">
	  <h2>les 12 derniers inscrits hommes</h2>

blabla

	  </section>
	  <section id="global-portail-dernier-inscrit-femme">
	  <h2>les 12 derniers inscrits femmes</h2>
blabla

	  </section>
	  </div>
	  <!--fin des derniers inscrit-->

qu'elle sest le code mieux adapté
Modifié par ivan75 (17 Aug 2019 - 08:42)