Membre
|
Bonjour,
J'esseye depuis un petit temps de mettre un menu vertical simple
<style type="text/css">
/* CSS PROVENANT DU SITE http://webyo.net */
#menu {
border: 1px solid #ccc;
width: 150px;
}
* html #menu { /* IE */
width: 144px;
}
#menu ul {
padding: 0;
margin: 0;
list-style-type: none;
}
#menu a {
padding: .4em .3em;
display: block;
width: 100%; /* IE6 */
color: #000;
text-decoration: none;
border-bottom: 1px solid #ccc;
}
#menu a:visited {
color: #000;
}
html>body #menu a { /* No IE */
width: auto;
}
#menu a:hover {
background-color: #eee;
color: #0066ff;
}
#menu #current a {
background-color: #eee;
color: #0066ff;
}
</style>
<!-- DEBUT MODELE PROVENANT DU SITE http://webyo.net -->
<div id="menu">
<ul>
<li><a href="" title="">Menu 1</a></li>
<li id="current"><a href="" title="">Menu 2</a></li>
<li><a href="" title="">Menu 3</a></li>
<li><a href="" title="">Menu 4</a></li>
<li><a href="" title="">Menu 5</a></li>
<li><a href="" title="">Menu 6</a></li>
</ul>
</div>
<!-- FIN MODELE PROVENANT DU SITE http://webyo.net -->
Dans un div colonne-gauche voici mon css:
<code>
/* CSS PROVENANT DU SITE http://webyo.net */
body {
margin:0;
padding:0;
line-height: 1.5em;
}
/* background-image:url(background.jpg) */
html{background-color:;
background-image:url(background.jpg);
}
#contenu {
width: 840px;
margin: 0 auto; /* Centrer la page */
}
#header {
background:url(v3.jpg); /* Couleur de fond */
height: 140px; /* Hauteur de l'entête */
color: #000; /* Couleur du texte */
font-weight: bold;
border:7px double black;
padding:5px;
}
#bloc-contenu {
float: left;
width: 100%;
}
#col-centre {
margin: 0 190px 0 164px; /* Marge droite et marge gauche */
background-color:#33FFFF;
min-height:2000px;
border:7px double;
width:;
word-wrap: break-word;
padding-right:3px;
}
#col-droite {
width: 175px; /* Largeur de la colonne */
margin-left: -190px; /* Marge gauche */
background-color: #33FFFF;
float: left;
min-height:2000px;
border:7px double;
}
#col-gauche {
float: left;
width: 150px; /* Largeur de la colonne */
margin-left: -840px; /* Marge gauche */
background-color: #33FFFF;
min-height:2000px;
border:7px double;
}
#footer {
background-color: #33FFFF;
clear: both;
width: 825px;
font-weight: bold;
color: #000;
text-align: center;
padding: 4px 0;
border:7px double black;
}
.col-int {
padding: .5em 1em;
}
p, h1, pre {
margin: 0 2em 1em 1em;
}
h1 {
font-size: 120%;
padding-top: 1em;
}
mais la moitié du menu se met sur la colonne-centre Smiley decu
je voudrais que le menu rentre dans la col-gauche
je ne sais pas comment faire
merci d"avance pour toute aide
|
