Bjr,
Je n'arrive pas a afficher 2 lignes qui se suivent sur un LI qui se trouve dans un menu vertical.
Le texte qui depasse de la largeur de la colonne passe sur la rub suivante au dessous au lieu de s'afficher dans la même rubrique! (sur Firefox)
Comment faire sachant que le <BR> n'a aucun effet?
Voila le code :
<!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>
<style type="text/css">
<!--
*{margin:0; padding:0}
dl, dt, dd, ul, li {list-style-type: none}
#menu_gauche {width:145px; background-color:#AEB3BE;}
#menu_gauche dt {cursor: pointer; height: 21px; text-align: left; background: #545E76; border-bottom: 1px solid #fff;}
#menu_gauche dd {background-color:#DFE2E9}
#menu_gauche li {font-size: 0.85em; height: 17px; border-bottom: 1px solid #758198; text-align: left; background: #DFE2E9; list-style-type: none;}
#menu_gauche li a {color: #192843; text-decoration: none; display: block; height: 100%; padding-left: 5px}
#menu_gauche li a:hover {background: #fff;}
-->
</style>
</head>
<body>
<dl id="menu_gauche">
<dt></dt>
<dd>
<ul>
<li><a href="#">Renaud CAPUÇON</a></li>
<li><a href="#">Choeur de chambres Les Elements</a></li>
<li><a href="#">Steve DAVISLIM</a></li>
</ul>
</dd>
</dl>
</div>
</body>
</html>
Modifié par herman31 (23 Jun 2005 - 14:21)
Je n'arrive pas a afficher 2 lignes qui se suivent sur un LI qui se trouve dans un menu vertical.
Le texte qui depasse de la largeur de la colonne passe sur la rub suivante au dessous au lieu de s'afficher dans la même rubrique! (sur Firefox)
Comment faire sachant que le <BR> n'a aucun effet?
Voila le code :
<!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>
<style type="text/css">
<!--
*{margin:0; padding:0}
dl, dt, dd, ul, li {list-style-type: none}
#menu_gauche {width:145px; background-color:#AEB3BE;}
#menu_gauche dt {cursor: pointer; height: 21px; text-align: left; background: #545E76; border-bottom: 1px solid #fff;}
#menu_gauche dd {background-color:#DFE2E9}
#menu_gauche li {font-size: 0.85em; height: 17px; border-bottom: 1px solid #758198; text-align: left; background: #DFE2E9; list-style-type: none;}
#menu_gauche li a {color: #192843; text-decoration: none; display: block; height: 100%; padding-left: 5px}
#menu_gauche li a:hover {background: #fff;}
-->
</style>
</head>
<body>
<dl id="menu_gauche">
<dt></dt>
<dd>
<ul>
<li><a href="#">Renaud CAPUÇON</a></li>
<li><a href="#">Choeur de chambres Les Elements</a></li>
<li><a href="#">Steve DAVISLIM</a></li>
</ul>
</dd>
</dl>
</div>
</body>
</html>
Modifié par herman31 (23 Jun 2005 - 14:21)
...