Bonjour,
Graphiste, je n'ai que quelques notions de css et html.
je fais des simulations de navigation pour un site Internet.
en gros, j'ai une image dans une div centrée qui représente ma composition de page (impression écran)
et par dessus, j'ai une autre div avec mon menu déroulant, que je n'arrive pas à centrer dans la page.
je peux lui donner une position, mais vu que la div image bouge en fonction de la largeur de la page que lui donne l'internaute, mon menu lui ne suit pas.
au niveau du code je ne me rappel plus sur quoi je dois jouer pour avoir une div menu qui bouge en même temps que la div image et la largeur de ma page.
ça donne ça en css :
<style type="text/css">
#menu {
position:absolute;
display:inline-block;
background-image:url(img/bout.jpg);
width:572px;
height:27px;
z-index:1;
left: 182px;
top: 71px;
width: 577px;
</style>
</head>
<body>
<div align="center" id="image"> <img src="img/index-arial.jpg" width="950" height="2900" />
<div id="menu"></div>
</div>
</body>
Graphiste, je n'ai que quelques notions de css et html.
je fais des simulations de navigation pour un site Internet.
en gros, j'ai une image dans une div centrée qui représente ma composition de page (impression écran)
et par dessus, j'ai une autre div avec mon menu déroulant, que je n'arrive pas à centrer dans la page.
je peux lui donner une position, mais vu que la div image bouge en fonction de la largeur de la page que lui donne l'internaute, mon menu lui ne suit pas.
au niveau du code je ne me rappel plus sur quoi je dois jouer pour avoir une div menu qui bouge en même temps que la div image et la largeur de ma page.
ça donne ça en css :
<style type="text/css">
#menu {
position:absolute;
display:inline-block;
background-image:url(img/bout.jpg);
width:572px;
height:27px;
z-index:1;
left: 182px;
top: 71px;
width: 577px;
</style>
</head>
<body>
<div align="center" id="image"> <img src="img/index-arial.jpg" width="950" height="2900" />
<div id="menu"></div>
</div>
</body>
