Menu avec position:absolute
Résolu
MasterOfQuebec
Messages postés
66
Date d'inscription
Statut
Membre
Dernière intervention
-
MasterOfQuebec Messages postés 66 Date d'inscription Statut Membre Dernière intervention -
MasterOfQuebec Messages postés 66 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'essaie de faire un menu. J'ai fais un script javascript pour l'afficher. Mais j'ai un problème.
Le desing du site web est fais centré alors dès que je redimentione la fenêtre mes menus décales voici un exemple (ne portez pas attention a l'aspet du menu).
Voici comment le menu dois être :
http://static.hugedomains.com/images/logo_huge_domains.gif
Mais voici comment le menu est quand je change la taille de la fenêtre :
http://static.hugedomains.com/images/logo_huge_domains.gif
Merci d'avance de votre aide.
J'essaie de faire un menu. J'ai fais un script javascript pour l'afficher. Mais j'ai un problème.
Le desing du site web est fais centré alors dès que je redimentione la fenêtre mes menus décales voici un exemple (ne portez pas attention a l'aspet du menu).
Voici comment le menu dois être :
http://static.hugedomains.com/images/logo_huge_domains.gif
Mais voici comment le menu est quand je change la taille de la fenêtre :
http://static.hugedomains.com/images/logo_huge_domains.gif
Merci d'avance de votre aide.
A voir également:
- Menu avec position:absolute
- Ma position - Guide
- Menu déroulant excel - Guide
- Suivi position google - Guide
- Canon quick menu - Télécharger - Utilitaires
- Windows 11 menu contextuel classique - Guide
8 réponses
C'est vrai qu'il a répondu rapidement (-;
Mais c'est ce qu'il faut faire.
Pourquoi coller le menu tout en bas du document HTML en dehors du conteneur alors qu'il est sensé s'afficher en haut et dedans ?
Il faut donc “déplacer ça”, par exemple, ici
+ Pour quelques jours.
Mais c'est ce qu'il faut faire.
Pourquoi coller le menu tout en bas du document HTML en dehors du conteneur alors qu'il est sensé s'afficher en haut et dedans ?
Il faut donc “déplacer ça”, par exemple, ici
<div id="conteneur"><img src="images/header.png" alt="Puissancehits">
<div id="partenairess"
style="position: absolute;
left: 67px;
top: 128px;
width: 107px;
height: 61px;
border-top: 1px solid red;
border-left: 1px solid red;
display: block;">
Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu
</div>
<div id="menu-boutons">
et puisdiv#conteneur {
position : relative;
margin : 0 auto;
width : 833px;
text-align : left;
}
Il ne reste que quelques réglages à faire.
+ Pour quelques jours.
Bonjour,
Pour que “absolute” fonctionne comme tu le veux, il faut qu'il puisse le faire relativement au bloc qui contient les images de menu.
Il faut donc que tu “position : relative;” ce bloc.
Pour que “absolute” fonctionne comme tu le veux, il faut qu'il puisse le faire relativement au bloc qui contient les images de menu.
Il faut donc que tu “position : relative;” ce bloc.
Merci mais sa na pas marché.
J'ai alors mis le div de mon menu (avec les liens) dans la div ou sont les boutons puis je l'ai mis en absolu et j'ai jouer avec : margin-top et margin-left.
Jusque là tout allais bien. Puis j'ai testé sour Internet Explorer, le désastre. Le menu n'est pas positioné à la même endroit.
Voici une capture sous firefox :
http://static.hugedomains.com/images/logo_huge_domains.gif
Et voici une capture sous Internet Explorer :
http://static.hugedomains.com/images/logo_huge_domains.gif
Et voici le code :
J'ai alors mis le div de mon menu (avec les liens) dans la div ou sont les boutons puis je l'ai mis en absolu et j'ai jouer avec : margin-top et margin-left.
Jusque là tout allais bien. Puis j'ai testé sour Internet Explorer, le désastre. Le menu n'est pas positioné à la même endroit.
Voici une capture sous firefox :
http://static.hugedomains.com/images/logo_huge_domains.gif
Et voici une capture sous Internet Explorer :
http://static.hugedomains.com/images/logo_huge_domains.gif
Et voici le code :
<div id="menu-boutons"><div id="partenaires" style="position:absolute; height:auto; width:125px; display:none; background-color:#0066FF; margin-top: 20px; margin-left: 237px;">
<a href="lien.php">Lien</a><br />
<a href="lien.php">Lien</a><br />
<a href="lien.php">Lien</a><br />
<a href="lien.php">Lien</a>
</div>
Les boutons ICI...
</div>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Bon.
Elles sont jolies tes copies d'écran, mais on ne peut rien en faire.
Du code, complet, la page et le CSS, ou mieux, l'adresse de la page seraient beaucoup plus utiles.
Sinon on va (ou plutôt, on ne va pas) continuer à discuter dans le vide.
--
Elles sont jolies tes copies d'écran, mais on ne peut rien en faire.
Du code, complet, la page et le CSS, ou mieux, l'adresse de la page seraient beaucoup plus utiles.
Sinon on va (ou plutôt, on ne va pas) continuer à discuter dans le vide.
--
Alors voici l'url vers le site : https://www.hugedomains.com/domain_profile.cfm?d=rocksplash&e=com
Avoir la source n'est pas difficile.
Avoir la source n'est pas difficile.
salut,
j'ai regardé vite fait.
je pense qu'il faut déplacer ça :
dans '<div id="conteneur">.
et modifier cette règle :
j'ai regardé vite fait.
je pense qu'il faut déplacer ça :
<div id="partenairess" style="position: absolute;
left: 67px;
top: 128px;
width: 107px;
height: 61px;
border-top: 1px solid red;
border-left: 1px solid red;
display: block;">Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu</div>
dans '<div id="conteneur">.
et modifier cette règle :
div#conteneur {
margin-left : auto;
margin-right : auto;
width : 833px;
text-align : left;
position: relative;
}