Page de base HTML / CSS : Petite galerie

Page de base HTML / CSS : Petite galerie - HTML/CSS - Programmation

Marsh Posté le 14-12-2014 à 12:54:31    

Bonjour,
Je suis étudiant en info, je commence le web, j'ai déjà pas mal de notion mais j'ai encore du mal sur le positionnement d'objets (div, table, etc).
 
J'aimerais faire une page qui ressemblerait à ca : - un header avec une image (fait)
- un menu sous l'image du header avec 3 onglets (Accueil , Galerie, A propos => A moitié fait, c'est pas terrible, j'ai fais avec un <ul> en display: inline;)
- un corps de page avec un titre (juste <h1> Bienvenue </h1> )
- un petit paragraphe pour présenter vite fait l'artiste peintre en page d'accueil (oui c'est une une galerie, avec possibilité de laisser des messages, etc)
- un ensemble d'images réduites de quelques unes de ses oeuvres, qui seront clickables et redirigeront vers la galerie réel.
- un footer avec quelques images de contenu.
 
La partie qui me pose le plus de soucis actuellement, et l'ensemble d'images. J'ai essayé de passer par un tableau, cela fonctionne mais si je fais un <table align="right>, le footer remonte sous le paragraphe de présentation, et j'aimerais écarter un peu les vignettes et je ne sais pas comment faire
 
J'ai donc essayé avec des divs, cela fonctionne mais le corps de ma page n'est pas de hauteur adapté, ce qui fait que mon footer est trop loin.
 
Pouvez vous m'aiguiller sur les attributs, solutions que je dois utiliser?
 
Merci d'avance !

Reply

Marsh Posté le 14-12-2014 à 12:54:31   

Reply

Marsh Posté le 14-12-2014 à 18:04:29    

css margin/padding ?

Reply

Marsh Posté le 14-12-2014 à 23:21:09    

j'ai avancé pas mal, voici de quoi mon site à l'air pour l'instant :
 
http://magalerieperso.comoj.com/ma [...] index.html
 
Vous avez des conseils?
J'aimerais empecher le menu de bouger de la nav quand je réduis la fenetre et le footer comment je peux le coller en bas?

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed