création site

**Florian53** · 17/11/2011, 23h33

Bonjour à tous je me prénomme Florian et je suis de la région des pays de la Loire.

Je suis actuellement en train de concevoir un site web pour un club sportif et j'aurais besoin de votre aide pour le réaliser.
Actuellement la structure graphique de celui ci est réalisé maintenant il faut mettre en place les différents éléments. J'ai quelques notions en dreamweaver mais pas assez pour réaliser le projet sans votre aide.

Je m’explique je voudrais avoir une barre de menu verticale (SpryMenuVertical) sur la gauche du site, je l'ai insérer dans un bloc div "Menu" qui lui même est placé dans un bloc div "Contenu".

Voici une image explicative:

[IMG]

[/IMG]

Donc le bloc "Menu" est placé tout en haut a gauche du bloc "Contenu" et je voudrais que la SpryMenuVertical soit centrer dans la div "Menu". J'ai essayé avec les margin et les padding mais rien ni fait tout se déplace sauf ce que je veux.

Je vous en même temps un bout du code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<body>
<div id="Entete"></div>
<div id="Contenu">
  <div id="Menu">
    <ul id="MenuBar1" class="MenuBarVertical">
      <li><a href="#">Accueil</a></li>
      <li><a href="#">Histoire du Club</a></li>
      <li><a href="#">Le Bureau</a></li>
      <li><a href="#" class="MenuBarItemSubmenu">Les Equipes</a>
        <ul>
          <li><a href="#">Seniors Masculine A</a></li>
          <li><a href="#">Seniors Masculine B</a></li>
          <li><a href="#">Seniors F&eacute;minine A</a></li>
          <li><a href="#">Seniors F&eacute;minine B</a></li>
          <li><a href="#">- 16 F&eacute;minine</a></li>
          <li><a href="#">- 14 F&eacute;minine</a></li>
          <li><a href="#">- 14 Masculine</a></li>
          <li><a href="#">Mini - Hand</a></li>
        </ul>
      </li>
<li><a href="#">Arbitres/entra&icirc;neurs</a></li>
<li><a href="#">Ev&eacute;nement &agrave; noter</a></li>
<li><a href="#">Photos</a></li>
</ul>
  </div>
 
  <script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</div>
<div id="Pied"></div>
</body>

Merci à tous .

**GTi** · 22/11/2011, 17h49

Ton menu est bien centré sur l'image.
tu veut le centrer verticalement ?

création site

Dreamweaver

Vue hybride

Discussions similaires

Partager

Partager