Partage

Mettre une sidebar et une galerie en section

17 mai 2017 à 17:54:31

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



17 mai 2017 à 18:20:04

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 ShaWaTK 17 mai 2017 à 18:22:52

17 mai 2017 à 18:32:26

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 :) 

17 mai 2017 à 18:58:05

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.
17 mai 2017 à 19:08:36

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

merci encore pour ton aide :)

Mettre une sidebar et une galerie en section

× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
  • Editeur
  • Markdown