Positionnement menu site internet
nicleco
-
livaneti Messages postés 71 Date d'inscription Statut Membre Dernière intervention -
livaneti Messages postés 71 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je suis en train de faire un site.
J'ai une banderole en haut horizontale et une autre verticale. J'essaie de superposer sur ma banderole verticale des boutons. Le problème, je les ai positionnés mais dès que je change la taille de ma fenêtre internet, ils ne suivent pas le reste de mon site. ils restent à la même place.
Voici mon code :
<table width="962" border="0" align="center" cellpadding="0" cellspacing="0">
Ceci est ma bannière horizontale :
<tr>
<td width="240" height="150"><img src="title01.jpg" width="200" height="150"></td>
<td width="722"><img src="title02.jpg" width="824" height="150"></td>
</tr>
Voici ma bannière verticale :
<tr>
<td width="240" height="570"><img src="menu.jpg" width="200" height="570" border="0" usemap="#Map"></td>
et le bouton que j'essaie de positionner :
<span style="position: relative; top: 10px; left: 200px; width: 150px; heigth: 72px;">
<a href="test.html" id="menu_boutique" target="frame"><img src="boutique.gif" /></a>
</span>
</tr>
Merci de votre aide
Je suis en train de faire un site.
J'ai une banderole en haut horizontale et une autre verticale. J'essaie de superposer sur ma banderole verticale des boutons. Le problème, je les ai positionnés mais dès que je change la taille de ma fenêtre internet, ils ne suivent pas le reste de mon site. ils restent à la même place.
Voici mon code :
<table width="962" border="0" align="center" cellpadding="0" cellspacing="0">
Ceci est ma bannière horizontale :
<tr>
<td width="240" height="150"><img src="title01.jpg" width="200" height="150"></td>
<td width="722"><img src="title02.jpg" width="824" height="150"></td>
</tr>
Voici ma bannière verticale :
<tr>
<td width="240" height="570"><img src="menu.jpg" width="200" height="570" border="0" usemap="#Map"></td>
et le bouton que j'essaie de positionner :
<span style="position: relative; top: 10px; left: 200px; width: 150px; heigth: 72px;">
<a href="test.html" id="menu_boutique" target="frame"><img src="boutique.gif" /></a>
</span>
</tr>
Merci de votre aide
Configuration: Windows XP Firefox 3.0.7
3 réponses
-
tu utilise CSS !?
-
Utiliser c'est un grand mot ... J'essaie du moins :) voilà mon CSS
#menu_boutique img {display: none;}
#menu_boutique{
display: block;
width:150px;
height:72px;
background-image:url(boutique.gif);
}
#menu_boutique:hover {
position:relative; margin.top:150px; margin.left:199px;
} -
ok
ben regarde ici :
<td width="722"> c'est la Cellule que tu utilise, ça donne une différence avec la width de ta page <table width="962"
<img src="title02.jpg" width="824" height="150"></td>
Met la width de la Cellule + que ta banniére et ça devras aller.
