Positionner un paragraphe à côté d'un menu [Résolu]

Signaler
Messages postés
153
Date d'inscription
mercredi 2 avril 2008
Statut
Membre
Dernière intervention
23 janvier 2020
-
Messages postés
5849
Date d'inscription
mercredi 19 janvier 2005
Statut
Contributeur
Dernière intervention
1 juillet 2020
-
Bonjour,

Langage HTML / CSS

Je crée un site (en local pour le moment) et je bloque sur la position d'un paragraphe.

Grosso modo j'ai :

- un menu horizontal en haut de la page
- un menu vertical déroulant sur la bordure gauche du site

et j'aimerai avoir un espace central pour afficher des images à la chaine.

J'ai fais un croquis pour que vous compreniez bien :



Pour l'instant j'ai créé dans mon .html ceci :

<section>
<p>
<img src="#" alt="##">
</p>

<p>
<img src="#" alt="##">
</p>

<p>
<img src="#" alt="##">
</p>
</section>


Et dans mon CSS :

section{

text-align: center;
color: #FFFFFF;
}


Resultat mes paragraphes sont centrés, mais ils apparaissent apres le menu vertical, et moi je les voudrais au même niveau.

Pourriez vous m'aider à résoudre ce détail ?

Merci

3 réponses

Messages postés
91
Date d'inscription
vendredi 13 mai 2005
Statut
Membre
Dernière intervention
4 mai 2020
22
Hello

Juste pour te donner une idée, regarde ici :
https://www.w3schools.com/css/css_navbar.asp

et cet exemple qui peut t'aiguiller:
https://www.w3schools.com/Css/tryit.asp?filename=trycss_navbar_vertical_fixed

Je te ferais un exemple demain soir sinon car là pô trop le temps, désolé...

@+

_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Ma réponse t'a un peu aidé ? Si oui, un petit merci... Merci.
Messages postés
153
Date d'inscription
mercredi 2 avril 2008
Statut
Membre
Dernière intervention
23 janvier 2020
25
Merci à toi pour ta réponse, je vais regarder.

Bonne soirée
Messages postés
153
Date d'inscription
mercredi 2 avril 2008
Statut
Membre
Dernière intervention
23 janvier 2020
25
Bonjour,

Après avoir lu ta doc, je crois que ça ne correspond pas à ce que je souhaite faire, car dans mon site, lorsque je clique sur un menu, une page html est appelée à s'afficher à l'ecran, dans l'espace des <p> de mon croquis.
Messages postés
5849
Date d'inscription
mercredi 19 janvier 2005
Statut
Contributeur
Dernière intervention
1 juillet 2020
1 243
Bonjour,

Il existe de nombreux sites qui expliquent comment faire :

https://www.qwant.com/?q=css+mise+en+page+avec+positionnement&t=web


Messages postés
153
Date d'inscription
mercredi 2 avril 2008
Statut
Membre
Dernière intervention
23 janvier 2020
25
Alors j'ai réussi !

Après avoir créé 2 sections (une pour le menu vertical et une pour mon espace paragraphes), j'ai utilisé la commande float dans le CSS.

Néanmoins je suis confronté à un autre problème que je n'avais pas remarqué, lorsque la fenêtre du navigateur est rétrécie, mon site par en brioche.

Quand la taille de la fenêtre est réduite j'ai :

La section qui affiche mes images passe derrière la section du menu vertical.

Si le menu vertical (qui est fixe) est coupé (je ne vois pas tous les liens) et bien je ne peux pas scroller le menu.

La bannière est coupée, etc...


Ce que je remarque c'est que tous ces éléments sont encapsulés dans le <body>.

Alors j'ai une question : peut on paramétrer le body dans le CSS de sorte qu'il redimensionne tout son contenu en fonction de la taille du navigateur ?
Messages postés
5849
Date d'inscription
mercredi 19 janvier 2005
Statut
Contributeur
Dernière intervention
1 juillet 2020
1 243
Oui, c'est ce qu'on appelle le "responsive web design".