Positionner un paragraphe à côté d'un menu

Signaler
Messages postés
152
Date d'inscription
mercredi 2 avril 2008
Statut
Membre
Dernière intervention
22 novembre 2019
-
dugenou
Messages postés
5695
Date d'inscription
mercredi 19 janvier 2005
Statut
Contributeur
Dernière intervention
15 décembre 2019
-
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

7 réponses

Messages postés
82
Date d'inscription
vendredi 13 mai 2005
Statut
Membre
Dernière intervention
7 décembre 2019
18
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.
daarkos
Messages postés
152
Date d'inscription
mercredi 2 avril 2008
Statut
Membre
Dernière intervention
22 novembre 2019
24
Merci à toi pour ta réponse, je vais regarder.

Bonne soirée
daarkos
Messages postés
152
Date d'inscription
mercredi 2 avril 2008
Statut
Membre
Dernière intervention
22 novembre 2019
24
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
5695
Date d'inscription
mercredi 19 janvier 2005
Statut
Contributeur
Dernière intervention
15 décembre 2019
1109
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
152
Date d'inscription
mercredi 2 avril 2008
Statut
Membre
Dernière intervention
22 novembre 2019
24
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 ?
dugenou
Messages postés
5695
Date d'inscription
mercredi 19 janvier 2005
Statut
Contributeur
Dernière intervention
15 décembre 2019
1109
Oui, c'est ce qu'on appelle le "responsive web design".