Hallo!
Hier mein Header:
PHP
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title><?php bloginfo('name'); ?><?php wp_title(); ?></title>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->
<meta name="Keywords" content="sternenportal, perry rhodan, galaxien, galaxiendatenbank,PROC, proc, Perry Rhodan, Galaxien, grafik, grafikgalerie, raumfahrt, astronomie, photoshop, 3d, wissenschaft">
<meta name="Revisit-after" content="7 days">
<meta name="Robots" content="INDEX,FOLLOW">
<title>Perry Rhodan Galaxien Datenbank</title>
<style type="text/css" media="screen">
@import url( <?php bloginfo('stylesheet_url'); ?> );
</style>
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_get_archives('type=monthly&format=link'); ?>
<?php wp_head(); ?>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<div id="wrapper">
<div id="header"><center>
<h1><a href="<?php echo get_settings('home'); ?>"><?php bloginfo('name'); ?></a></h1><p>
<p><strong><h1x>Tor in reale und virtuelle Welten.</h1x></strong></center>
</div>
<ul id="nav"> <li class="off"><a href="#">Perry Rhodan</a> <ul> <li><a href="#">Test1</a></li> <li><a href="#">Test2</a></li> <li><a href="#">Test3</a></li> <li><a href="#">Test4</a></li> <li><a href="#">Test5</a></li> </ul></li>
<li class="off"><a href="#">Science Fiction</a> <ul> <li><a href="#">Test1</a></li> <li><a href="#">Test2</a></li> <li><a href="#">Test3</a></li> <li><a href="#">Test4</a></li> <li><a href="#">Test5</a></li> </ul></li>
<li class="on"><a href="#">Astronomie</a> <ul> <li><a href="#">Test1</a></li> <li><a href="#">Test2</a></li> <li><a href="#">Test3</a></li> <li><a href="#">Test4</a></li> <li><a href="#">Test5</a></li> </ul></li>
<li class="off"><a href="#">3D Grafik</a> <ul> <li><a href="#">Test1</a></li> <li><a href="#">Test2</a></li> <li><a href="#">Test3</a></li> <li><a href="#">Test4</a></li> <li><a href="#">Test5</a></li> </ul></li>
<li class="off"><a href="#">Sonstiges</a> <ul> <li><a href="#">Test1</a></li> <li><a href="#">Test2</a></li> <li><a href="#">Test3</a></li> <li><a href="#">Test4</a></li> <li><a href="#">Test5</a></li> </ul></li> </ul><p><br><p><br>
<strong>Meine Homepages:</strong><p>
<h1header-link> <a href="http://www.3d-grafik-welt.de/"><strong>3D Grafikgalerie</strong></a></h1header-link>
<h1header-link><a href="http://www.galaxiendb.proc.org/"><strong>Perry Rhodan Galaxiendatenbank</strong></a></h1header-link>
<div id="content">
<p><p>
Hier mein css:
PHP
/*
#nav li {
/* floaten der Hauptlistenpunkte */
margin: 0;
float: left;
display: block;
padding-right: 15px;
}
#nav li.off ul, #nav li.on ul {
/* Verstecken der Untermenüs */
display: none;
}
#nav li a {
/* Für alle Links in der Liste */
color: #f90;
font-weight: bold;
display: block;
height: 12px;
width: 100px;
border: 1px solid #29497b;
padding: 5px;
}
#nav li.off ul, #nav li.on ul {
/* Subnavs positionieren und verstecken */
display: none;
position: absolute;
top: 180px;
height: 15px;
left: 150px;
padding-top: 10px;
}
#nav li.on a {
/* Rahmenfarbe für aktive Fläche ändern */
border: 1px solid #f90;
}
#nav li.on ul a, #nav li.off ul a {
/* Vererbung des Rahmens für Untermenü
des aktiven Themas unterdrücken */
border: 0;
}
#nav li.on ul {
/* Liste des aktiven Untermenüs ausgeben */
display: block;
}
#nav li.on ul {
/* Aktuelle Thema anzeigen */
display: block;
}
#nav li.off:hover ul {
/* Die anderen Themen anzeigen
bei hover über dem Elternmenü */
display: block;
z-index: 6000;
}</p>
<p class="bsp">#nav li.off a:hover, #nav li.off:hover a {
background: #29497b;
color: #f90;
}
>#nav li.off ul, #nav li.on ul {
/* Subnav nach unten verschieben */
top: 33px;
*top: 44px; /* Repositionierung für IE */
}
#nav li.off:hover ul, #nav li.over ul {
display: block;
z-index: 6000;
}
#nav li.off a:hover,
#nav li:hover a,
#nav li.over a {
background: #29497b;
color: #f90;
}
So richtig funktioniert das dynamische Menü irgen wie nicht.
Das erste Submenü ist immer zu sehen.
Wie kann man das beheben?
http://www.merzig-silwingen.de/sternenportal/
lothar