Hallo liebe Foris,
jetzt bin ich schon so lange dabei und habe mich lange alleine durchgekämpft, zumindestens was php-Boards angeht, aber nun brauch ich doch einmal Hilfe. Ich habe auf meinen Board http://www.achtziger-forum.de eine aufklappbare Navigation im overall_header.html eingebaut. Seit einigen Stunden versuche ich diese Navi in die Mitte zu setzen. Trotz googlen ist mir es einfach nicht gelungen den Code so umzubauen und erbitte daher Hilfe für Dummies.
Folgenden Code habe ich mir rausgesucht und meinen Bedürfnissen zusammengebastelt:
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="de">
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
* { margin: 0; padding: 0; }
#menu ul { float: left; width: 150px; list-style-type: none; } /*--definiert die Blocküberschriften--*/
#menu h3 { font-size: 1em; text-align: center; color: #000; border: 2px solid #000000; background: #ff8000; }
#menu a { text-decoration: none; display: block; border: 1px solid #ffa500; text-align: center; background: #ececec; color: #000000; }
#menu a:hover { color: #fcc824; background: #ff8000; }
#menu li { position: relative; }
#menu ul ul { position: absolute; z-index: 2; display: none; }
#menu ul li:hover ul { display: block; }
* html #menu ul li{ float: left; width: 100%; }
*+ html #menu ul li { float: left; width: 100%; }
*html body { behavior: url(csshover3-source.htc); font-size: 100%; }
*html #menu ul li a { height: 1%; }
#menu a.direkt:link { font-size: 1em; font-weight: bold; text-align: center; color: #000; border: 2px solid #003366; background: #ff8000; }
#menu a.direkt:hover { color: #ff9224; background: #003366; border: 2px solid #ffd17c; }
</style>
</head>
<body>
<div id="menu">
<ul>
<li>
<h3>Das Board</h3>
<ul>
<li>
<a href="http://www.achtziger-forum.de">Portal</a>
</li>
<li>
<a href="http://www.achtziger-forum.de/index.php">Forum</a>
</li>
<li>
<a href="http://www.achtziger-forum.de/chat/" target="_blank">Chat</a>
</li>
<li>
<a href="http://www.achtziger-forum.de/faq.php">FAQ</a>
</li>
</ul>
</li>
</ul>
<ul>
<li>
<h3>Mitglied</h3>
<ul>
<li>
<a href="http://www.achtziger-forum.de/memberlist.php">Mitglieder</a>
</li>
<li>
<a href="http://www.achtziger-forum.de/geomap.php">Mitgliederkarte</a>
</li>
<li>
<a href="http://www.achtziger-forum.de/ucp.php">Persönlicher-Bereich</a>
</li>
</ul>
</li>
</ul>
<ul>
<li>
<h3>Funktionen</h3>
<ul>
<li>
<a href="http://www.achtziger-forum.de/search.php">Suche</a>
</li>
<li>
<a href="http://www.achtziger-forum.de/calendar.php">Kalender</a>
</li>
<li>
<a href="http://www.achtziger-forum.de/dm_music_charts.php?mode=list">Fan-Musik-Charts</a>
</li>
</ul>
</li>
</ul>
<ul>
<li>
<h3>Spielen</h3>
<ul>
<li>
<a href="http://www.achtziger-forum.de/arcade.php">Spielhalle</a>
</li>
<li>
<a href="http://www.achtziger-forum.de/arcade.php?mode=challenge">Wettbewerb</a>
</li>
<li>
<a href="http://www.achtziger-forum.de/sudoku/sudoku.php">Sudoku</a>
</li>
<li>
<a href="http://www.achtziger-forum.de/hangman.php">Galgenmännchen</a>
</li>
<li>
<a href="http://www.achtziger-forum.de/superkniffel.php">Superkniffel</a>
</li>
</ul>
</li>
</ul>
</div>
</body>
</html>
Alles anzeigen