Bonjour à tous,
J'ai une maquette à intégrer, mais celle-ci me pose problème, car je ne sais pas si la structuration de mon html est correcte au sein de ma balise article.
Pour vous expliquer, j'ai une image qui prend toute la largeur de la page, avec le titre de la page dedans.
Et dessous, j'ai cote à cote mon contenu sur 8 colonnes et ma sidebar sur 4 colonnes. Sachant que ce qui est dans la sidebar est en lien avec ma page.
Est-ce que cette structure est cohérente ?
Au fait j'utilise la grille de bootstrap pour mettre en forme mes éléments.
Merci d'avance pour vos réponses.
Modifié par Raphi (30 Sep 2015 - 10:28)
J'ai une maquette à intégrer, mais celle-ci me pose problème, car je ne sais pas si la structuration de mon html est correcte au sein de ma balise article.
Pour vous expliquer, j'ai une image qui prend toute la largeur de la page, avec le titre de la page dedans.
Et dessous, j'ai cote à cote mon contenu sur 8 colonnes et ma sidebar sur 4 colonnes. Sachant que ce qui est dans la sidebar est en lien avec ma page.
Est-ce que cette structure est cohérente ?
Au fait j'utilise la grille de bootstrap pour mettre en forme mes éléments.
<article>
<header class="article-header">
<img src="#" alt="L'image qui illustre ma page" />
<h1>Le titre de ma page</h1>
</header>
<div class="container">
<div class="row">
<div class="col-md-7">
<div class="article-content">
<p>Le contenu de ma page est ici !</p>
</div>
<footer class="article-footer">
<p>Ici j'ai plusieurs éléments comme des pages relatives à cette page, les liens pour les réseaux sociaux, etc</p>
</footer>
</div>
<aside class="col-md-offset-1 col-md-4">
<div class="widget"></div>
<div class="widget"></div>
<div class="widget"></div>
<div class="widget"></div>
</aside>
</div>
</div>
</article>Merci d'avance pour vos réponses.
Modifié par Raphi (30 Sep 2015 - 10:28)
) pour que vous compreniez mieux :
