Bonjour,
J'ai un souci: sur un menu le list-style-type ne marche pas, et sur une liste il marche, sur la même page html, et sur la même page css.
Voici les codes du menu (là où ça marche pas):
[cpp]
<div id="leftbloc">
<div id="profil">
<img src="/profil/profil.jpg" width="57"/><br /><br />
Prénom: <strong>Bidule</strong><br />
Né le: <strong>date de naissance</strong><br />
<br />
<a href="/profil/index.php"><strong>Voir le profil</strong></a></p>
</div>
<div id="menu">
<ul>
<li><a href="/lien1.php">Lien 1</a></li>
<li><a href="/lien2/index.php">Lien 2</a></li>
<li><a href="/lien3/index.php">Lien 3</a></li>
<li><a href="/lien4/index.php">Lien 4</a></li>
<li><a href="/lien5/index.php">Lien 5</a></li>
</ul>
</div>
<div id="lastpicture">
<p>Dernière photo :<br />
<a href="/photos/lastpicture.jpg"><img src="/photos/thumb_lastpicture.jpg" height="76" /></a></p>
</div>
</div>
[/cpp]
[cpp]
#leftbloc {
margin: 0;
padding: 0 10px 0 10px;
position: relative;
float: left;
width: 130px;
height: 450px;
color: #EEE;
font-size: 11px;
background: #444;
}
#profil {
margin: 0;
padding: 0 0 0 10px;
position: relative;
float: left;
text-align: left;
line-height: 140%;
text-indent: -10px;
}
#profil a, #profil a:visited, #profil a:active {
margin: 0;
padding: 0;
color: #EEE;
text-decoration: underline;
width: 100%;
font-size: 11px;
font-weight: normal;
}
#profil a:hover {
text-decoration: none;
}
#profil img {
margin: 10px 0 0 10px;
padding: 0;
border: 1px solid #DDD;
}
#menu {
margin: 0;
padding: 10px 0 0px 0px;
position: relative;
float: left;
width: 100%;
text-align: left;
border-top: 1px solid #888;
border-bottom: 1px solid #888;
}
#menu ul {
margin: 0;
padding: 0 0 10px 10px;
list-style-type: square;
}
#menu ul li {
margin: 0 0 10px 0;
padding: 0;
line-height: 130%;
}
#menu a, #menu a:visited, #menu a:active {
margin: 0;
padding: 0;
color: #EEE;
text-decoration: underline;
width: 100%;
font-weight: bold;
}
#menu a:hover {
text-decoration: none;
}
#lastpicture {
margin: 10px 0 0 0;
padding: 0 0 0 10px;
position: relative;
float: left;
text-align: left;
}
#lastpicture img {
margin: 5px 0 0 0;
padding: 0;
border: 1px solid #DDD;
}
[/cpp]
Et voici les codes de la liste (là où ça marche):
[cpp]
<div id="rightbloc">
<p class="archives"><strong>Archives photos :</strong><br />
<ul>
<li><a href="archives/octobre2006.html" class="archive">Octobre 2006</a></li>
<li><a href="archives/novembre2006.html" class="archive">Novembre 2006</a></li>
<li><a href="archives/decembre2006.html" class="archive">Décembre 2006</a></li>
<li><a href="archives/janvier2007.html" class="archive">Janvier 2007</a></li>
<li><a href="archives/fevrier2007.html" class="archive">Février 2007</a></li>
<li><a href="archives/mars2007.html" class="archive">Mars 2007</a></li>
<li><a href="archives/avril2007.html" class="archive">Avril 2007</a></li>
<li><a href="archives/mai2007.html" class="archive">Mai 2007</a></li>
<li><a href="archives/juin2007.html" class="archive">Juin 2007</a></li>
</ul>
</div>
[/cpp]
[cpp]
#rightbloc {
margin: 0;
padding: 2px 0 0 10px;
width: 140px;
height: 450px;
position: relative;
text-align: left;
color: #EEE;
line-height: 150%;
font-size: 12px;
float: left;
font-weight: normal;
background: #444;
}
#rightbloc ul {
margin: 10px 0 0 30px;
padding: 0;
list-style-type: square;
}
#rightbloc ul li {
margin: 0;
pading: 0;
font-size: 11px;
}
#rightbloc a, #rightbloc a:visited, #rightbloc a:active {
margin: 0;
padding: 0;
color: #EEE;
text-decoration: underline;
}
#rightbloc a:hover {
text-decoration: none;
}
[/cpp]
Je serais reconnaissant si vous y jetiez un ti coup d'oeil rapide, juste histoire de me donner une piste pour que je comprenne où ça coince.
Merci.
J'ai un souci: sur un menu le list-style-type ne marche pas, et sur une liste il marche, sur la même page html, et sur la même page css.
Voici les codes du menu (là où ça marche pas):
[cpp]
<div id="leftbloc">
<div id="profil">
<img src="/profil/profil.jpg" width="57"/><br /><br />
Prénom: <strong>Bidule</strong><br />
Né le: <strong>date de naissance</strong><br />
<br />
<a href="/profil/index.php"><strong>Voir le profil</strong></a></p>
</div>
<div id="menu">
<ul>
<li><a href="/lien1.php">Lien 1</a></li>
<li><a href="/lien2/index.php">Lien 2</a></li>
<li><a href="/lien3/index.php">Lien 3</a></li>
<li><a href="/lien4/index.php">Lien 4</a></li>
<li><a href="/lien5/index.php">Lien 5</a></li>
</ul>
</div>
<div id="lastpicture">
<p>Dernière photo :<br />
<a href="/photos/lastpicture.jpg"><img src="/photos/thumb_lastpicture.jpg" height="76" /></a></p>
</div>
</div>
[/cpp]
[cpp]
#leftbloc {
margin: 0;
padding: 0 10px 0 10px;
position: relative;
float: left;
width: 130px;
height: 450px;
color: #EEE;
font-size: 11px;
background: #444;
}
#profil {
margin: 0;
padding: 0 0 0 10px;
position: relative;
float: left;
text-align: left;
line-height: 140%;
text-indent: -10px;
}
#profil a, #profil a:visited, #profil a:active {
margin: 0;
padding: 0;
color: #EEE;
text-decoration: underline;
width: 100%;
font-size: 11px;
font-weight: normal;
}
#profil a:hover {
text-decoration: none;
}
#profil img {
margin: 10px 0 0 10px;
padding: 0;
border: 1px solid #DDD;
}
#menu {
margin: 0;
padding: 10px 0 0px 0px;
position: relative;
float: left;
width: 100%;
text-align: left;
border-top: 1px solid #888;
border-bottom: 1px solid #888;
}
#menu ul {
margin: 0;
padding: 0 0 10px 10px;
list-style-type: square;
}
#menu ul li {
margin: 0 0 10px 0;
padding: 0;
line-height: 130%;
}
#menu a, #menu a:visited, #menu a:active {
margin: 0;
padding: 0;
color: #EEE;
text-decoration: underline;
width: 100%;
font-weight: bold;
}
#menu a:hover {
text-decoration: none;
}
#lastpicture {
margin: 10px 0 0 0;
padding: 0 0 0 10px;
position: relative;
float: left;
text-align: left;
}
#lastpicture img {
margin: 5px 0 0 0;
padding: 0;
border: 1px solid #DDD;
}
[/cpp]
Et voici les codes de la liste (là où ça marche):
[cpp]
<div id="rightbloc">
<p class="archives"><strong>Archives photos :</strong><br />
<ul>
<li><a href="archives/octobre2006.html" class="archive">Octobre 2006</a></li>
<li><a href="archives/novembre2006.html" class="archive">Novembre 2006</a></li>
<li><a href="archives/decembre2006.html" class="archive">Décembre 2006</a></li>
<li><a href="archives/janvier2007.html" class="archive">Janvier 2007</a></li>
<li><a href="archives/fevrier2007.html" class="archive">Février 2007</a></li>
<li><a href="archives/mars2007.html" class="archive">Mars 2007</a></li>
<li><a href="archives/avril2007.html" class="archive">Avril 2007</a></li>
<li><a href="archives/mai2007.html" class="archive">Mai 2007</a></li>
<li><a href="archives/juin2007.html" class="archive">Juin 2007</a></li>
</ul>
</div>
[/cpp]
[cpp]
#rightbloc {
margin: 0;
padding: 2px 0 0 10px;
width: 140px;
height: 450px;
position: relative;
text-align: left;
color: #EEE;
line-height: 150%;
font-size: 12px;
float: left;
font-weight: normal;
background: #444;
}
#rightbloc ul {
margin: 10px 0 0 30px;
padding: 0;
list-style-type: square;
}
#rightbloc ul li {
margin: 0;
pading: 0;
font-size: 11px;
}
#rightbloc a, #rightbloc a:visited, #rightbloc a:active {
margin: 0;
padding: 0;
color: #EEE;
text-decoration: underline;
}
#rightbloc a:hover {
text-decoration: none;
}
[/cpp]
Je serais reconnaissant si vous y jetiez un ti coup d'oeil rapide, juste histoire de me donner une piste pour que je comprenne où ça coince.
Merci.