Sujet Précédent Sujet Suivant

Aide pour creation des menus

xman_genius Messages postés 97 Statut Membre -  
antic80 Messages postés 4877 Statut Contributeur -
slt;
j'ai un ptit prob avec ma page html
les bordures du menu n'apparie pas
alors je veux savoir comment je peux resoudre ca
voici le code: peut etre ca parait long mais je juste indiquer moi comment faire
-----------------------------------
<html>
<head>
<style>
body
{font-family:arial;}
table
{font-size:80%;background:#ffffff}
a
{color:#ffffff;text-decoration:none;font:bold}
a:hover
{color:#000000}
td.menu
{
background:lightblue}
table.menu
{
font-size:100%;
position:absolute;
visibility:hidden
}
table.menu.sousmenu
{left:145;
background:lightblue;
font-size:100%;
position:absolute;
visibility:hidden;
width:180}
</style>
<script type="text/javascript">
function showmenu(elmnt)
{
document.getElementById(elmnt).style.visibility="visible"
}
function hidemenu(elmnt)
{
document.getElementById(elmnt).style.visibility="hidden"
}
</script>
</head>
<body>
<table width="500">
<tr bgcolor="#0000ff">
<td onmouseover="showmenu('menu1')" onmouseout="hidemenu('menu1')" width="205">
<a href="javascript:void()">test</a><br />
<table class="menu" id="menu1" width="120">
<tr>
<td class="menu"><a href="javascript:void()">test</a></td>
</tr>
<tr>
<td class="menu"><a href="javascript:void()">test</a></td>
</tr>
<tr>
<td class="menu"><a href="javascript:void()">test</a></td>
</tr>
</table> </td>
<td onmouseover="showmenu('menu2')" onmouseout="hidemenu('menu2')" width="205">
<a href="javascript:void()">test</a><br />
<table width="150" class="menu" id="menu2" name="menu2">
<tr>
<td class="menu" onMouseOver="showmenu('sousmenu1')" onMouseOut="hidemenu('sousmenu1')">
<a href="javascript:void()">test</a> <table class="sousmenu" id="sousmenu1">
<tr>
<td class="sousmenu"><a href="javascript:void()">teste</a></td>
</tr>
<tr>
<td class="sousmenu"><a href="javascript:void()">test</a></td>
</tr>
<tr>
<td class="sousmenu"><a href="javascript:void()">test</a></td>
</tr>
<tr>
<td class="sousmenu"><a href="javascript:void()">test</a></td>
</tr>
<tr>
<td class="sousmenu"><a href="javascript:void()">test</a></td>
</tr>
<tr>
<td class="sousmenu"><a href="javascript:void()">test</a></td>
</tr>
</table></td>
</tr>
<tr>
<td class="menu" onMouseOver="showmenu('sousmenu2')" onMouseOut="hidemenu('sousmenu2')">
<a href="javascript:void()">testmetalique</a> <table class="sousmenu" id="sousmenu2">
<tr>
<td class="sousmenu"><a href="javascript:void()">test</a></td>
</tr>
<tr>
<td class="sousmenu"><a href="javascript:void()">test</a></td>
</tr>
<tr>
<td class="sousmenu"><a href="javascript:void()">test</a></td>
</tr>
<tr>
<td class="sousmenu"><a href="javascript:void()">test</a></td>
</tr>
<tr>
<td class="sousmenu"><a href="javascript:void()">test</a></td>
</tr>
</table></td>
</tr>
<tr>
<td class="menu" onMouseOver="showmenu('sousmenu3')" onMouseOut="hidemenu('sousmenu3')">
<a href="javascript:void()">test</a> <table class="sousmenu" id="sousmenu3">
<tr>
<td class="sousmenu"><a href="javascript:void()">test</a></td>
</tr>
<tr>
<td class="sousmenu"><a href="javascript:void()">test</a></td>
</tr>
</table></td>
</tr>
</table> </td>
<td width="243">
<a href="javascript:void()">test</a><br>
</td>
<td width="243">
<a href="javascript:void()">test</a><br>
</td>
</table>
</td>
</tr>
</table>
</body>
</html>
----------------------------------
A voir également:

3 réponses

Réponse 1 / 3
antic80 Messages postés 4877 Statut Contributeur 1 161
 
il faut spécifier

border-style (c le type de bordure)
border-width (la largeur de la bordure)
border-color (la couleur)
0
Réponse 2 / 3
xman_genius Messages postés 97 Statut Membre 21
 
merci pour la reponse
mais je veux savoir qu'est ce qu'on peut mettre dans border-style
0
Réponse 3 / 3
antic80 Messages postés 4877 Statut Contributeur 1 161
 
va voir a cette adresse

http://www.siteduzero.com/tuto-3-1938-1-liste-des-proprietes-css.html#ss_part_1
0