Alors j'ai compris ce qu'il se passe : le CSS associé à ma page configure mes liens comme des blocs, si bien que mes liens ne peuvent pas être sur la même ligne que le texte, je me dis ok je vais annuler cette hérésie mais là c'est mon menu vertical qui se met sur une ligne ... je ne sais pas trop comment procéder car je veux garder mon menu tel quel mais que mes liens soient en ligne et non en blocs ...
Je vous met le CSS à tout hazard :
Code : Tout sélectionner
body {
margin: 0px;
padding: 0px;
background: #e7e7e7 url('body.jpg') left top;
color: #564b47;
font-family: Verdana,Arial,SunSans-Regular,Sans-Serif;
font-size: 13px
}
a {
color: #db7093;
}
a:visited {
color: #c43300;
}
a:hover {
color: #c43300;
}
a:active {
color: #000000;
}
h1 {
margin: 0px;
font-size: 11px;
text-transform: uppercase;
}
h2 {
margin: 0px;
padding: 5px 10px;
color: #9a1212;
font-size: 20px;
font-weight: normal;
}
img.download {
vertical-align: middle;
}
#container {
border: 1px solid #8d8d8d;
background: #e8e8e8 url('menubottom.jpg') no-repeat left bottom;
width: 760px;
margin-left: auto;
margin-right: auto;
height: 100%
}
#banner {
margin: 0px;
padding: 0px;
background: #e1ddd9 url('header.jpg') no-repeat center bottom;
height: 114px;
text-align: center
}
#banner img {
padding: 10px 0px;
}
#bannertitle {
padding-top: 50px;
font-size: 2em;
font-weight: bold;
}
#content {
padding: 0px;
background: #ffffff url('content.jpg') no-repeat right top;
margin-left: 200px;
margin-right: 0px
}
div#content {
min-height: 600px;
}
p, pre {
margin: 0px;
padding: 5px 10px;
}
#left {
margin: 0px;
padding: 0px;
background: #e8e8e8 none repeat scroll 0%;
float: left;
width: 200px;
height: 90%;
}
#footer {
margin: 0px;
padding: 0px;
background: url('footer.gif') repeat-x;
clear: both;
height: 35px;
text-align: right
}
#footer h1 a {
color: #ffffff;
}
#footer h1 {
padding: 5px 5px 0px 0px;
}
.verticalmenu ul {
margin: 0px;
padding: 10px;
list-style-type: none;
list-style-image: url('none');
list-style-position: outside
}
.verticalmenu li, a:link, .verticalmenu a:visited, .verticalmenu a:hover {
display: block;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 1.1em;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
color: #9a1212;
text-decoration: none;
text-align: left;
width: 140px;
height: 32px;
}
.verticalmenu a:hover {
background: url('menuhover.gif') no-repeat;
color: #dc4d1b
}
Voilà, j'attends vos conseils avisés !
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:18.0) Gecko/20100101 Firefox/18.0