[resolu]Menu décaler[resolu]

Question

5 May 2005 à 16:05

Mon bonjour à tous !.

J'ai trouvé un menu, mais je n'arrive pas à le placer correctement à la bonne place.
Quelqu'un pourrait-il m'aider ?.voici ce que cela donne :http://ile.chrispat.free.fr/indexzero.php
Je voudrais le placer à la place du menu :


<ul id="Lmenu">
<li><a href="index.php">Accueil</a></li>
<li><a href="nocario1.php">Nocario 1</a></li>
<li><a href="nocario2.php">Nocario 2</a></li>
</ul>

-- -- -- --
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Nocario</title>
<meta name="author" content="masterjmc" />
<meta name="copyright" content="copyright ©2003-2005 masterjmc" />
<meta name="rating" content="General" />
<link rel="stylesheet" type="text/css" href="fichier.css">
<link rel="stylesheet" type="text/css" href="imagaccueil.css">
<script type="text/javascript">
function montre(img){
win = window.open("","Win","menubar=no");
win.document.open("text/html");
win.document.write('<STY'+'LE>\n');
win.document.write('body{margin-left:0;margin-top:0}\n');
win.document.write('</STY'+'LE>\n');
win.document.write('<SCR'+'IPT>\n');
win.document.write('function resize(){\n');
if (document.all)win.document.write('li=document.images[0].width+10;hi=document.images[0].height+35;\n');
else win.document.write('li=document.images[0].width+6;hi=document.images[0].height+26;\n');
win.document.write('resizeTo(li,hi);\n');
win.document.write('lar=screen.width;hau=screen.height;x=(lar-li)/2;y=(hau-hi)/2;window.moveTo(x,y);\n');
win.document.write('} </SCR'+'IPT>\n');
win.document.write('<BO'+'DY topmargin="20" leftmargin="20" onLoad="window.focus()" onBlur="window.close()">');
win.document.write('<IMG GALLERYIMG="no" Src="'+img+'" onLoad="resize()">');
win.document.write('</BO'+'DY>');
win.document.close();
}
</script>


<style type="text/css">
ul.liste, .liste li, .liste a {padding:0px ; margin:0px} /*met à 0 les marges internes et externes de la liste et des liens */ 

.liste {width :9.7em ; /* largeur de la liste : environs 15 lettres majuscules - voir em */
list-style-type:none} /* suppression des boutons CSS devant les items de la liste */ 

.liste li a {border-left:1.5em solid gray ; /* crée un gros carré gris à gauche des liens non survolés */
background-color:#CCD ; /* couleur de fond des liens non survolés */
display:block; /* force le lien à prendre 100% de la largeur de la liste */ 
padding-left:0.5em ; /* insère un espace entre le texte du lien et le gros carré gris */
color:black ; /* la police des liens non survolés est noire */
text-decoration:none ; /* on suprime le soulignement des liens */
height:1.5em} /* hauteur de chaque ligne. N'est indispensable que pour IE 5.0 et 5.5 */ 

.liste li a:hover { /* style des liens lors du survol */
background-color:black ; /* le fond du lien passe au noir */
color:white ; /* le texte passe au blanc */
border-left-color:red} /* crée un gros carré rouge à gauche des liens survolés */
</style>


</head>
<body>
<div id="template"> 
  <div id="header"> <img class="TêteCorseg" src="design/logo.gif" alt="" /> <img class="TêteCorsed" src="design/logog.gif" alt="" /> 
    <h1>Commune de Nocario</h1>
  </div>
  <ul class="liste">
    <!-- liste -->
    <li><a href="index.php">Accueil</a></li>
    <li><a href="nocario1.php">Nocario 1</a></li>
    <li><a href="nocario2.php">Nocario 2</a></li>
    <li><a href="pietricaggio1.php">Pietricaggio 1</a></li>
    <li><a href="pietricaggio2.php">Pietricaggio 2</a></li>
    <li><a href="pietricaggio3.php">Pietricaggio 3</a></li>
    <li><a href="erbaggio1.php">Erbaggio 1</a></li>
    <li><a href="erbaggio2.php">Erbaggio 2</a></li>
    <li><a href="michel.php">Saint-Michele</a></li>
    <li><a href="#">link</a></li>
    <li><a href="#">link</a></li>
    <li><a href="#">link</a></li>
    <li><a href="#">link</a></li>
    <li><a href="#">link</a></li>
    <li><a href="merci.php">Remerciements</a></li>
  </ul>
  <ul id="Lmenu">
    <li><a href="index.php">Accueil</a></li>
    <li><a href="nocario1.php">Nocario 1</a></li>
    <li><a href="nocario2.php">Nocario 2</a></li>
    <li><a href="pietricaggio1.php">Pietricaggio 1</a></li>
    <li><a href="pietricaggio2.php">Pietricaggio 2</a></li>
    <li><a href="pietricaggio3.php">Pietricaggio 3</a></li>
    <li><a href="erbaggio1.php">Erbaggio 1</a></li>
    <li><a href="erbaggio2.php">Erbaggio 2</a></li>
    <li><a href="michel.php">Saint-Michele</a></li>
    <li><a href="#">link</a></li>
    <li><a href="#">link</a></li>
    <li><a href="#">link</a></li>
    <li><a href="#">link</a></li>
    <li><a href="#">link</a></li>
    <li><a href="merci.php">Remerciements</a></li>
  </ul>
  <ul id="Rmenu">
    <li><a href="#">link</a></li>
    <li><a href="#">link</a></li>
    <li><a href="#">link</a></li>
    <li><a href="#">link</a></li>
    <li><a href="#">link</a></li>
    <li><a href="#">link</a></li>
    <li><a href="#">link</a></li>
    <li><a href="#">link</a></li>
    <li><a href="#">link</a></li>
    <li><a href="#">link</a></li>
    <li><a href="#">link</a></li>
    <li><a href="#">link</a></li>
    <li><a href="#">link</a></li>
    <li><a href="#">link</a></li>
    <li><a href="#">link</a></li>
    <li><a href="#">link</a></li>
    <li><a href="#">link</a></li>
    <li><a href="#">link</a></li>
    <li><a href="#">link</a></li>
    <li><a href="#">link</a></li>
  </ul>
 <div id="content">
La commune de Nocario, se situe en Haute Corse à 600m d'altitude au pied du Mont San Pedrone, qui culmine à 1767m et domine toute la Castagniccia comprend deux hameaux, Erbaggio, Pietricaggio. Il y a 3 chapelles, Sainte Barbara, Saint Martin, Saint Jean-Baptiste, et l'église Sainte Michèle. Le nombre d'habitants est de 47 en l'an 2000. Le début de implantation du village de Nocario remonterait avant 1081... 
  <div id="gallery"> 
    <p><span><img src="imaccueil/accueil01.jpg" alt="l'image agrandie" onclick="montre('imaccueil/accueil1.jpg')"><br>
      village de Nocario aujourd'hui.</span></p>
    <p><span><img src="imaccueil/accueil02.jpg" alt="l'image agrandie" onclick="montre('imaccueil/accueil2.jpg')"><br>
      village de Nocario dans les années 50.</span></p>
    <p><span><img src="imaccueil/accueil03.jpg" alt="l'image agrandie" onclick="montre('imaccueil/accueil3.jpg')"><br>
      village de Nocario dans les années 20.</span></p>
  </div>
  <div id="footer"> 
    <p>Le site de la commune de Nocario a été créé en 2003</p>
  </div>
</div>
</body>
</html>

]Un grand merci par avance à ceux et celles qui voudront bien me donner un coup de pousse.
Cordialement.
Modifié par CharlotteDeCorse (11 May 2005 - 15:23)

CharlotteDeCorse

6 May 2005 à 15:20

Je vois que ma question de vous inspire pas !.
Serait-elle si idiote que ça...

Philippe

6 May 2005 à 15:35

bonjour,

je pense que la solution a ton probleme est de mettre dans

.liste {width :15em ; /* largeur de la liste : environs 15 lettres majuscules - voir em */

un

float: left;

non?

CharlotteDeCorse

7 May 2005 à 15:55

bonjour Philippe.

J'ai essayé ta solution, mais ça ne change rien, car il est déjà à gauche.
Si quelqu'un a une autre solution, je prends.

Cedric

7 May 2005 à 23:12

Et ici on a pas droit à des bisous ?

Sujet clos