Titre: contourner un problème de width???
Posté par: hasgaard le le 14-02-2005 a 15:05:00
Bonjour à tous,
j'ai fait un menu vertical , que j' "anime" avec du css et du javascript lorsque j'appuie sur un lien , le span contenant les sous-liens passe de display:none à display:block
www.cspro.be >>
En explorer ça fonctionne, mais pour netscape les liens ne sont pas à la dimension...et pour cause on ne peut affecter width:; à une boîte en ligne comme <a></a>...
Auriez-vous une proposition pour règler ce problème de mise en page?
D'avance merci!
le style...
.menu {
display:none;
width:155px;
}
.niv2:visited{
text-decoration:none;
}
.niv2:hover{
color:#F2B204;
text-decoration:none;
background-color:#dddddd;
border-bottom:1px solid #ffffff;
border-top:1px solid #66666;
}
.niv2:link{
text-decoration:none;
}
a{
border-bottom:1px solid #666666;
border-top:1px solid #ffffff;
right:0px;
font-family:arial narrow, verdana , tahoma;
font-weight:bold;
width:169px;
font-size:11pt;
}
.niv1{
width : 169px;
color:#444444;
letter-spacing:6px;
}
.niv2{
width : 169px;
color:#339933;
border-left:1px solid #cccccc;
}
.niv1:visited{
text-decoration:none;
}
.niv1:hover{
background-color:#dddddd;
border-bottom:1px solid #ffffff;
border-top:1px solid #666666;
color:#884545;
text-decoration:none;
}
la partie html
<div>
<a href='#' onclick="return tree_m('menu1')" class="niv1">Home1</a><br />
<span class='menu' id='menu1'>
<a href="#" class="niv2">Home1</a><br />
<a href="#" class="niv2">Home2</a><br />
</span>
<a href='#' onclick="return tree_m_Menu('menu2')" class="niv1">Produits</a><br />
<span class='menu' id='menu2'>
<a href="#" class="niv2">Béton1</a><br />
<a href="#" class="niv2">Béton1</a><br />
<a href="#" class="niv2">Béton1</a><br />
<a href="#" class="niv2">Béton1</a><br />
<a href="#" class="niv2">Béton1</a><br />
</span>
<a href='#' onclick="return tree_m_Menu('menu3')" class="niv1">Services</a><br />
<span class='menu' id='menu3'>
<a href="#" class="niv2">Services1</a><br />
<a href="#" class="niv2">Services2</a><br />
<a href="#" class="niv2">Services3</a><br />
</span>
</div>
|
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|