Post by Rolf NiepraschkCan anybody show me a solution for a horizontal navigation menu like the
http://nedit.org/
This one based on server-side programming (php?). I need a solution only
on browser side (html, css, js). "jquery" would be good for me.
Many thanks in advance.
...Rolf
<head>
<style type="text/css">
<!--
/* navigation bar */
TD.navigation {
background: #76A;
color: #EEE;
padding: 5px 15px 5px 15px;
border: solid #000;
border-width: 1px 0 0 0;
}
TD.submenu {
background: #EEE;
color: #547;
border: solid #000;
border-width: 0px 0px 1px 0px;
padding: 5px 5px 5px 15px;
}
.nopad {
padding: 0px;
border: 0px;
margin: 0px;
}
A.navigation, A.navigation:visited {
text-decoration: none;
color: #FFF;
padding: 5px;
}
A.navigation-active, A.navigation-active:visited {
text-decoration: none;
color: #547;
background-color: #EEE;
padding: 5px;
}
-->
</style>
</head>
<body>
<table class="nopad" align="left" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td class="navigation" align="left" nowrap>
<a class="navigation-active" href="/">home</a>
<a class="navigation" href="/download.php">download</a>
<a class="navigation" href="/resources.php">resources</a>
<a class="navigation" href="/documentation.php">documentation</a>
<a class="navigation" href="/mail.php">mailing lists</a>
<a class="navigation" href="/trouble.php">troubleshooting</a>
</td>
<td class="navigation" align="right" nowrap>
<a class="navigation" href="/info.php">info</a>
</td>
</tr>
<tr valign="middle">
<td class="submenu" colspan="2" align="left" nowrap>
<a class="submenu" href="/news.php">news</a>
<a class="submenu" href="/features.php">features</a>
<a class="submenu" href="/screenshots.php">screenshots</a>
<a class="submenu" href="/net.php">on the net</a>
<a class="submenu" href="/mirrors.php">mirrors</a> </td>
</tr>
</table>
--
This post contains IPA phonetic symbols in Unicode.
Without proper rendering support,
you may see question marks, boxes,
or other symbols instead of Unicode characters.