Zitat:<!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="de" lang="de">
<head>
<title>Dynamische Navigationsleiste</title>
<style type="text/css">
<!-- #Tmenu {
font-size: 90%;
width: 50em;
padding: 0.4em;
border: 1px solid #0000DF;
background-color: #DFDFDF;
color: #0000DF;
font-size: medium;
}
* html #Tmenu {
width: 41.4em;
width: 39.8em; /* IE 6 in standards-compliant mode */
}
div#Tmenu div {
clear: left;
}
ul#Navigation {
margin: 0; padding: 0;
text-align: center;
}
ul#Navigation li {
list-style: none;
float: left;
position: relative;
margin: 0.4em; padding: 0;
}
* html ul#Navigation li {
margin-bottom: -0.4em;
}
ul#Navigation li ul {
margin: 0; padding: 0;
position: absolute;
top: 1.8em; left: -0.4em;
}
* html ul#Navigation li ul {
left: -1.5em;
left: -0.4em;
}
ul#Navigation li ul li {
float: none;
display: block;
margin-top: 0.2em; margin-bottom: 0.2em;
}
ul#Navigation a, ul#Navigation span {
display: block;
width: 7em;
font-family: "Trebuchet MS", "Century Gothic", Helvetica, Arial, sans-serif;
text-decoration: none; font-weight: bold;
padding: 0.23em 0.97em 0.17em 1.03em;
border: 1px solid #0000FF;
border-left-color: #0000FF; border-top-color: #0000FF;
color: #0000FF; background-color: #9F9F9F;
}
* html ul#Navigation a, * html ul#Navigation span {
width: 9.2em;
width: 7em; /* IE 6 in standards-compliant mode */
}
ul#Navigation a:hover, ul#Navigation span, li a#aktuell:hover {
padding: 0.17em 1.03em 0.23em 0.97em;
border-color: #0000FF;
border-left-color: #0000FF; border-top-color: #0000FF;
background-color: #7F7F7F;
}
ul#Navigation li ul a:hover {
border-color: #0000FF;
}
li a#aktuell {
border-right-color: #0000BF; border-bottom-color: #0000BF;
background-color: #8F8F8F;
}
ul#Navigation li ul span {
border-right-color: #0000FF; border-bottom-color: #0000FF;
color: #0000FF; background-color: #7F7F7F;
}
ul#Navigation li a:active, ul#Navigation li:hover a:active {
color: #0000FF; background-color: #7F7F7F;
}
/* dynamisches Ein-/Ausblenden */
ul#Navigation li ul {
display: none;
}
ul#Navigation li:hover ul {
display: block;
background:#DFDFDF;
}
div#home1
{width: 10px;
height:5px;}
div#home2
{font-size: 90%;
width: 800px;
padding: 0.4em;
border: 1px solid #0000DF;
background-color: #DFDFDF;
color: #0000DF;
font-size: medium;} -->
</style>
</head>
<body>
<img src="dennissite/logoblau.GIF" alt="" border="0" width="85%">
<div id="Tmenu">
<ul id="Navigation">
<li><a id="aktuell" href="index.html">HomE</a> </li>
<li><a href="#Beispiel">VideoS</a>
<ul><li>
<a href="vid.musik.1.html">MusiK</a>
<a href="vid.fun.1.html">FuN</a>
<a href="vid.trailer.1.html">TraileR</a>
<a href="vid.bullshit.1.html">BullshiT</a>
</li></ul>
<li><a href="#Beispiel">WitzE</a>
<ul><li>
<a href="witze.flach.1.html">FlachwitzE</a>
</li></ul>
<li><a href="kontakt.html">KontakT</a></li>
</div>
<div id="home1"></div>
<div id="home2">
seiteninhalt
</div>
Themen
Unbeantwortet
Betriebssysteme
