Bonjour à tous,
Il s'agit de pas grand chose appriori mais malheureusement impossible de trouver ce qui cloche dans mon code.
Il s'agit de cette liste :
Les puces ne veulent pas apparaître.
Merci beaucoup de m'aider.
La feuille de style
Il s'agit de pas grand chose appriori mais malheureusement impossible de trouver ce qui cloche dans mon code.
Il s'agit de cette liste :
<ul>
<li><a href="recrutement.htm" title="recrutemnt">Recrutement</a></li>
<li><a href="acces.htm" title="plan d'acces">Plan d'accès</a></li>
<li><a href="contact.htm" title="contact">Contactez-nous</a></li>
</ul>
Les puces ne veulent pas apparaître.
Merci beaucoup de m'aider.
<div id="site">
<div id="header"></div>
<div id="sous-header">
<div id="mh">
<a title="accueil" href="index.html">ACCUEIL</a>
<a title="Lien" href="entreprise.htm">ENTREPRISE</a>
<a title="Nous contacter" href="gros_oeuvre.htm">GROS OEUVRE</a>
<a title="Conditions générals d'utilisation" href="habitat.htm">HABITAT</a>
<a title="Lien" href="agricole.htm">AGRICOLE</a>
</div>
</div>
<div id="corp">
<div id="left">
<div id="contenu-left">
<div id="contenu-menu">
<div align="center"><embed src="http://www.clocklink.com/clocks/5005-red.swf?TimeZone=CET&" width="110" height="30" wmode="transparent" type="application/x-shockwave-flash">
</div></div>
<div id="title">ENTREPRISE GUICHETEAU</div>
<ul>
<li><a href="recrutement.htm" title="recrutemnt">Recrutement</a></li>
<li><a href="acces.htm" title="plan d'acces">Plan d'accès</a></li>
<li><a href="contact.htm" title="contact">Contactez-nous</a></li>
</ul>
<br />
<br />
<div id="contenu-menu">
Entreprise Guicheteau<br />
Z.I La Blauderie<br />
85700 LA FLOCELLIERE<br />
Tel. 02 51 57 22 45<br />
Fax. 02 51 57 74 56<br />
</div>
</div>
</div>
<div id="right">
<div id="contenu-right">
<div id="arbo">
<strong>Vous êtes ici :</strong> <i>Accueil > Bienvenue sur le site guicheteau.fr !</i>
</div>
<h3>LE BATISSEUR DE L'AVENIR</h3>
<div align="center"><img src="images/bureau.jpg" alt="entreprise guicheteau la flocelliere" />
</div>En priviligiant la qualité, le respect des délais et la compétence des hommes, l'entreprise Guicheteau place vos projets sous le signe de la sécurité et du travail bien fait.
</div>
</div>
</div>
<div id="margepied"></div>
</div>
<span class="spacer">-</span>
<div id="footer">
<p>Copyright 2007 guicheteau.fr</p>
</div>
</body>
</html>
La feuille de style
[code]body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
background: #ffffff url(images/background-header.jpg) repeat-x top;
}
div#site {
text-align:left;
width: 1000px;
margin: auto;
height:100%;
}
/* ------------------------------------ */
div#header {
background: url(images/header.png) no-repeat 0 0;
height: 171px;
margin: 0;
padding: 0;
}
div#sous-header {
height: 34px;
margin: 0;
padding: 0;
}
div#mh {
margin-left: 70px;
}
div#mh a, div#mh a:link {
float: left;
padding-right: 50px;
padding-top:10px;
font-family: Verdana;
font-size: 10px;
text-decoration: none;
font-weight: bold;
color: #FFFFFF;
}
/* ------------------------------------ */
div#corp {
background: url(images/corp.jpg) repeat-y;
}
div#left {
float: left;
width: 318px;
margin: 0px;
padding: 0px;
background: url(images/left-background.jpg) repeat-y;
}
div#contenu-left {
background: url(images/left-top.jpg) no-repeat;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 63px;
padding-right: 25px;
}
div#title {
background: url(images/title.jpg) no-repeat;
height: 26px;
width: 216px;
margin-bottom: 10px;
padding-top: 5px;
padding-left: 10px;
font-family: "Trebuchet MS", Times, Verdana;
font-size: 12px;
color: #195B26;
font-weight : bold;
}
div#contenu-menu {
padding-bottom: 0px;
padding-left: 10px;
padding-bottom: 18px;
}
ul {
margin-left: 10px;
padding-left: 4px;
padding-top: 7px;
background: url(images/li.jpg) repeat-y;
list-style-type : images/circle;
}
li {
list-style-image : url(triangle.gif);
list-style-type : circle;
}
div#menu a {
color : #195B26;
font-weight : bold;
font-size: 11px;
height: 10px;
}
div#right {
width:682px;
float:left;
}
div#arbo {
padding-top: 10px;
padding-bottom: 35px;
padding-left: 0px;
padding-right: 70px;
}
div#contenu-right {
background: url(images/right-top.jpg) no-repeat;
padding-top: 20px;
padding-bottom: 40px;
padding-left: 0px;
padding-right: 70px;
}
/* ------------------------------------ */
#margepied {
height:33px;
clear:both;
background:transparent;
}
#footer {
height:33px;
width:100%;
margin:0 auto;
padding:0;
background: url(images/background-footer.jpg) repeat-x bottom;
background-color: #2d9752;
text-align:center;
clear: both;
margin-top:-42px;
}
#footer p {
padding-top: 12px;
font-size: 10px;
color: #FFFFFF
}
#footer a {
color : #FFFFFF;
font-family:verdana;
text-decoration:none;
}
#footer a:hover , a:active , a:focus {
color : #FFFFFF;
font-weight : bold;
text-decoration:none;
}
/* ------------------------------------ */
html, body {
margin: 0;
padding: 0;
height:100%;
}
span.spacer {
height:0.01em;
overflow:hidden;
display:block;
width:100%;
clear:both;
}
img { border: 0; }
li { list-style: none; }
a {
color : #666666;
font-family:verdana;
text-decoration:none;
}
a:hover , a:active , a:focus {
color : #666666;
font-weight : bold;
text-decoration:none;
}
h3 {
font-size: 11px;
font-weight: bold;
color: #841831;
margin-bottom: 15px;
}