Aide urgente pour creation des menu
xman_genius
Messages postés
97
Statut
Membre
-
Pascal_22 Messages postés 559 Statut Membre -
Pascal_22 Messages postés 559 Statut Membre -
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>
----------------------------------
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:
- Aide urgente pour creation des menu
- Menu déroulant excel - Guide
- Creation compte gmail - Guide
- Création site web - Guide
- Création compte google - Guide
- Media creation tool - Télécharger - Systèmes d'exploitation
1 réponse
Bonjour xman_genius,
Je ne sais pas si j'ai bien compris ta question, mais essaie de mettre la propriété border=2 (1 ou 2 ou 3 ....) selon la grosseur du border tu veuz, et le mettre dans tes balises <table >
ex. <table width="500" border=3>
tu as aussi la propriété de mettre une couleur a ton 'border' avec bordercolor=#ffffff
ex. <table width="500" border=3 bordercolor=#0000ff>
Bonne chance !
Pascal_22
Je ne sais pas si j'ai bien compris ta question, mais essaie de mettre la propriété border=2 (1 ou 2 ou 3 ....) selon la grosseur du border tu veuz, et le mettre dans tes balises <table >
ex. <table width="500" border=3>
tu as aussi la propriété de mettre une couleur a ton 'border' avec bordercolor=#ffffff
ex. <table width="500" border=3 bordercolor=#0000ff>
Bonne chance !
Pascal_22
