Pb bloc à position variable selon la page
Résolu
alexandre800
Messages postés
2
Date d'inscription
Statut
Membre
Dernière intervention
-
alexandre800 Messages postés 2 Date d'inscription Statut Membre Dernière intervention -
alexandre800 Messages postés 2 Date d'inscription Statut Membre Dernière intervention -
bonjour
j'ai un bloc (menu gauche) qui ne s'affiche pas au même endroit sur toutes mes pages
j'ai comparé les codes et je ne trouve pas de différence
voici une page correcte: http://pharmacie-henriville.atspace.eu/urgences.php
et une page qui cloche: http://pharmacie-henriville.atspace.eu/index.php
si quelqu'un comprend et peut m'aider, un grand merci d'avance
j'ai un bloc (menu gauche) qui ne s'affiche pas au même endroit sur toutes mes pages
j'ai comparé les codes et je ne trouve pas de différence
voici une page correcte: http://pharmacie-henriville.atspace.eu/urgences.php
et une page qui cloche: http://pharmacie-henriville.atspace.eu/index.php
si quelqu'un comprend et peut m'aider, un grand merci d'avance
A voir également:
- Pb bloc à position variable selon la page
- Supprimer page word - Guide
- Ma position - Guide
- Bloc-notes (windows) - Télécharger - Traitement de texte
- Suivi position google - Guide
- Imprimer tableau excel sur une page - Guide
2 réponses
Bonjour,
1 - Merci de nous mettre le code directement sur le forum.
**** Attention ****
Merci de bien vouloir utiliser la coloration syntaxique (les balises de code) lorsque tu postes du code sur le forum.
Explications disponibles ici :
https://codes-sources.commentcamarche.net/faq/10686-le-nouveau-codes-sources-comment-ca-marche#balises-code
2 - Merci de mettre ta question dans le BON forum.
- Si ta question concerne le positionnement d'un élément HTML .. il faut placer ta question dans le forum CSS : https://forums.commentcamarche.net/forum/css-156
- Si ta question concerne le code PHP à proprement parlé ... là .. il faut le mettre dans le forum PHP : https://forums.commentcamarche.net/forum/php-155
Merci.
1 - Merci de nous mettre le code directement sur le forum.
**** Attention ****
Merci de bien vouloir utiliser la coloration syntaxique (les balises de code) lorsque tu postes du code sur le forum.
Explications disponibles ici :
https://codes-sources.commentcamarche.net/faq/10686-le-nouveau-codes-sources-comment-ca-marche#balises-code
2 - Merci de mettre ta question dans le BON forum.
- Si ta question concerne le positionnement d'un élément HTML .. il faut placer ta question dans le forum CSS : https://forums.commentcamarche.net/forum/css-156
- Si ta question concerne le code PHP à proprement parlé ... là .. il faut le mettre dans le forum PHP : https://forums.commentcamarche.net/forum/php-155
Merci.
jordane45
Messages postés
38486
Date d'inscription
Statut
Modérateur
Dernière intervention
4 752
En attendant ... je la met dans le forum PHP.
Salut,
Le problème vient des éléments du menu qui sont positionnés en float, le menu de gauche étant également en float à la suite de ce flux, il se positionne donc à la suite du menu.
Je te propose la correction suivante qui va permettre de centrer correctement les éléments du menu et qui aura pour conséquence de replacer le menu de gauche au bon endroit :
En définissant l'élément .niveau1 en inline-block, sa largeur va s'adapter à son contenu (les éléments de menu) et il sera également centré grâce au text-align: center appliqué sur l'élément parent .menu.
Bonne journée
Le problème vient des éléments du menu qui sont positionnés en float, le menu de gauche étant également en float à la suite de ce flux, il se positionne donc à la suite du menu.
Je te propose la correction suivante qui va permettre de centrer correctement les éléments du menu et qui aura pour conséquence de replacer le menu de gauche au bon endroit :
.niveau1 {
list-style-type: none;
text-decoration: none;
margin: 0;
padding: 0;
display: inline-block;
vertical-align: top;
}
En définissant l'élément .niveau1 en inline-block, sa largeur va s'adapter à son contenu (les éléments de menu) et il sera également centré grâce au text-align: center appliqué sur l'élément parent .menu.
Bonne journée