Bonjour a tous,

j'ai pour idée de créer un site avec une sidebar pour y insérer les dernières vidéos postées ainsi qu'un section pour y mettre des playlist.

l'illustration de mon idée:

https://prntscr.com/f8xm69

mon résultat:

https://prntscr.com/f8xmpr

je vous joint mon code html:

<section>		
	<img src="img/miniature/thumbnail.jpg" alt="" class="thumbnail">
	
	</section>
	<section>		
	<img src="img/miniature/thumbnail.jpg" alt="" class="thumbnail">
	
	</section>
	<section>		
	<img src="img/miniature/thumbnail.jpg" alt="" class="thumbnail">
	
	</section>






	<aside>
		<h1>Dernières vidéos postées</h1>
		<img src="img/miniature/thumbnail.jpg" alt="" class="thumbnail_sidebar">
		<h3>Le titre</h3>
		<img src="img/miniature/thumbnail.jpg" alt="" class="thumbnail_sidebar">
		<h3>Le titre</h3>
		<img src="img/miniature/thumbnail.jpg" alt="" class="thumbnail_sidebar">
		<h3>Le titre</h3>
	</aside>

 et mon code css:

.thumbnail{
	width: 150px;
	height: 100px;
}

.thumbnail_sidebar{
	width: 150px;
	height: 100px;
}

section{
	float: left;
	width: 600px;
	background: #F9F9F9;
	display: inline-block;
}

aside{
	width: 300px;
	height: 600px;
	float: right;
	background: #BCBCBC;
	text-align: center;
}

les couleurs sont juste pour pouvoir distinguer les différentes parties :).

je vous remercie d'avance pour votre aides

Lis ces trois chapitres de cours et tu devrais être capable de faire exactement comme la maquette:

https://openclassrooms.com/courses/apprenez-a-creer-votre-site-web-avec-html5-et-css3/le-modele-des-boites

https://openclassrooms.com/courses/apprenez-a-creer-votre-site-web-avec-html5-et-css3/la-mise-en-page-avec-flexbox

https://openclassrooms.com/courses/apprenez-a-creer-votre-site-web-avec-html5-et-css3/le-positionnement-en-css

Si tu as des questions après avoir lu tout ça, les gens sur ce forum y répondront avec plaisir.

De plus, ça ressemble pas mal au rendu de ce tp:

https://openclassrooms.com/courses/apprenez-a-creer-votre-site-web-avec-html5-et-css3/tp-creation-d-un-site-pas-a-pas

Je pense que tu te doutes que tu ne pourras pas vraiment faire un site avec des vidéos et des playlists de façon dynamique qu'avec HTML et CSS.

-
Edité par Anonyme 17 mai 2017 à 18:22:52

Merci de ta réponse je vais aller voir ça :) 

Et oui je me doute que je ne peux pas faire de site avec les vidéos et les playlist dynamiques mais je compte l'amélioré au fur et a mesure :) 

C'était juste pour être sur, mais du coup, je pense que tu arriveras au résultats de ta maquette sans trop de problème, une fois que tu auras compris comment bien structurer ta page.

Oui , je ne me fais pas de soucis pour ça :) 

merci encore pour ton aide