• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Menübutton bleibt markiert obwohl neue Seite

S

Schlachtvieh

Neues Mitglied
Hallo, nachdem mir gestern so schnell geholfen wurde habe ich bei diesem Forum Blut geleckt.

Die Seite ist soweit fertig, aber ein kleines Problem bereitet mir noch kopfzerbrechen, aber seht selbst.

http://www.jtfo-dessau.de.vu

Geplant ist, dass der Button der geöffneten Seite immer in der Menüleiste oben orange markiert ist. Das gleiche gilt für den Button, über dem der Mauszeiger gerade ist.

Doch egal welche Seite man aufruft, immer ist der Startseitenbutton markiert.

Ich bin mir recht sicher, dass ich wohl einen Fehler in der CSS-Datei gemacht habe. Wär also cool wenn mal jmd. seinen fachkundigen Rat einwerfen könnte.

Gruß Schlachtvieh
CSS-Datei
Code: 
/* Generated by KaZcadeS */
* {
  margin: 0;
  padding: 0;
}
body {
  background: #ffffff url(none) repeat scroll 0% 50%;
  margin-top: 40px;
  text-align: justify;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 13px;
  color: #757e82;
  padding-left: 10%;
  padding-right: 10%;
}
h1, h2, h3 {
  color: #aa2808;
}
h1 {
}
h2 {
}
h3 {
}
p, blockquote, ul, ol {
  margin-bottom: 20px;
  line-height: 2em;
}
p {
}
blockquote {
}
ul, ol, li {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}
a {
  text-decoration: underline;
  color: #ef8116;
}
a:hover {
  text-decoration: none;
  color: #ef8116;
}
#wrapper {
}
#header {
  margin: 0 auto;
  width: 892px;
  height: 91px;
}
#logo {
  margin: 0px;
  padding: 15px 0px 0px 30px;
  float: left;
  height: 76px;
  width: 270px;
}
#logo h1 {
  margin: 0;
  padding: 0;
  font-family: Georgia,"Times New Roman",Times,serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 36px;
  line-height: normal;
  font-size-adjust: none;
  font-stretch: normal;
}
#logo h2 {
  margin: -2px 0 0;
  padding: 0;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 10px;
  font-weight: bold;
  color: #444444;
}
#logo h2 a {
  color: #9aa9b1;
}
#logo a {
  text-decoration: none;
  color: #3c84b3;
}
#menu {
  background: transparent url(images/img01.jpg) no-repeat scroll left top;
  height: 54px;
  margin-top: 10px;
  float: left;
  margin-left: 28px;
}
#menu ul {
  margin: 0 10px;
  padding: 0px 10px 0;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  line-height: normal;
}
#menu li {
  display: inline;
  text-align: center;
}
#menu a {
  padding: 18px 10px 0px;
  display: block;
  float: left;
  height: 36px;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: bold;
  color: #464e53;
  font-size: 14px;
  margin-left: 5px;
}
#menu a:hover, #menu .active a {
  background: #ef8116 url(none) repeat scroll 0% 50%;
  color: #ffffff;
  opacity: 1;
}
#search {
  padding: 0px 0px 40px;
  height: 45px;
}
#search form {
  margin: 0;
  padding: 12px 0px 0 0;
}
#search fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
#search input {
  float: left;
  font-family: Georgia,"Times New Roman",Times,serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: normal;
  font-size-adjust: none;
  font-stretch: normal;
}
#search-text {
  border: 1px solid #000000;
  padding: 3px 0 0 5px;
  width: 120px;
  height: 18px;
  color: #000000;
}
#search-submit {
  border: none;
  padding: 0px 2px;
  background: #000000 url(none) repeat scroll 0% 50%;
  height: 21px;
  margin-left: 10px;
  color: #ffffff;
}
#page {
  margin: 0 auto;
  width: 892px;
}
#page-bgtop {
  padding: 0px 30px;
}
#content {
  float: right;
  width: 564px;
  padding-top: 30px;
}
.post {
  margin: 0px 0px 30px;
}
.post .title {
  margin: 0px;
  padding: 0px 0px 5px;
  color: #232f01;
}
.post .title a {
  padding: 4px 35px 4px 33px;
  background: #ef8116 url(none) repeat scroll 0% 50%;
  text-decoration: none;
  font-weight: normal;
  color: #ffffff;
  opacity: 1;
}
.post .entry {
}
.post img {
  padding: 15px 0px;
  float: left;
}
.post .meta {
  border-bottom: 1px solid #e5e5e5;
  text-align: right;
  padding-top: 20px;
  font-weight: bold;
  color: #202020;
}
.post .byline {
  float: right;
  margin-top: -30px;
  font-size: 12px;
  color: #5e5e5e;
}
#sidebar {
  float: left;
  width: 208px;
  padding-top: 30px;
}
#sidebar ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  line-height: normal;
}
#sidebar li {
  margin-bottom: 1px;
}
#sidebar li ul {
  margin: 0px;
  padding: 0px 0px 40px;
}
#sidebar li li {
  border: none;
  margin: 0;
  padding: 9px 0px;
  background: transparent url(images/img07.jpg) repeat-x scroll left bottom;
}
#sidebar h2 {
  border-bottom: 2px solid #ebebeb;
  margin: 0px;
  padding: 0px;
  font-size: 160%;
  font-weight: normal;
  color: #454e55;
}
#sidebar h3 {
  font-size: 77%;
  color: #454e55;
}
#sidebar p {
  margin: 0;
  line-height: normal;
  color: #d4c792;
}
#sidebar a {
  border: none;
  text-decoration: none;
}
#sidebar a:hover {
  text-decoration: underline;
}
#submenu {
}
#news {
}
#news a {
  font-size: 85%;
}
#footer {
  border-top: 1px solid #e5e5e5;
  margin: 0 auto;
  padding: 20px 0;
  width: 892px;
  height: 50px;
  color: #757e82;
}
#footer p {
  margin: 0;
  text-align: center;
  font-size: 77%;
}
#footer a {
  text-decoration: underline;
  color: #757e82;
}
#footer a:hover {
  text-decoration: none;
}
Dazu passende HTML-Datei:
PHP: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html templateref="file:///D:/Users/Stephan/Documents/Paps/JTFO/Homepage/cleantype/vorlage.mzt" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /><title>Startseite
Jugend trainiert für Olympia, Stadt Dessau-Roßlau</title>
<meta name="keywords" content="Jugend, trainiert, für, Olympia, Sport, Schulsport, Schule" />
<meta name="description" content="Seite der Stadt Dessau-Roßlau für den Wettbewerb " jugend="" trainiert="" für="" olympia="" /><link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body style="width: 950px;">
<div id="wrapper">
<div style="width: 1000px;" id="header">
<div id="logo"><a href="index.php">
<span style="text-decoration: underline;"><span style="font-weight: bold;"><img src="images/logo.png" style="border: 0px solid ; width: 210px; height: 151px;" alt="Jugend trainiert für Olympia" /></span></span></a></div><br />
<div id="menu">
<ul> 
<li class="active"><a href="index.php">Startseite</a></li> <li>
<a href="termine.php">Terminplan</a></li> <li>
<a href="ausschreibungen.php">Ausschreibungen</a></li>
<li> <a href="ergebnisse.php">Ergebnisse</a></li>
<li> <a href="kontakt.php">Kontakt</a></li>
</ul></div></div>
<br /><br />
<div id="page"><div id="page-bgtop">
<div id="content"><div class="post">
<h2 style="width: 650px;" class="title"><a href="index.php">
<span editable="true" id="Section">Jugend trainiert für
Olympia, Stadt Dessau-Roßlau</span></a></h2>
<div style="width: 635px;" class="post">
<br /><br />
<span editable="true" optional="true" id="Fließtext">Lorem
ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed
diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum
dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing
elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna
aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus
est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur
sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam
et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
takimata sanctus est Lorem ipsum dolor sit amet. <br /><br />Duis
autem vel eum iriure dolor in hendrerit in vulputate velit esse
molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero
eros et accumsan et iusto odio dignissim qui blandit praesent luptatum
zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum
dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </span><br />
<div style="width: 592px;" editable="true" optional="true" id="Tabelle">Tabelle</div></div></div></div>
<div id="sidebar"><?php include "sidebar.php"; ?></div></div></div></div></body></html>
und für die volle Ausführbarkeit noch die sidebar.php:
PHP: 
<br><br><br>
<ul id="sidebar"> <li> <h2>Flei&szlig;ige Spender und&nbsp;</h2>
</li> <li> <h2>Helfer</h2> <ul> <li><a
 href="index.html#">Arni Sonstwer</a></li> <li><a
 href="index.html#">hier k&ouml;nnte
ihr Name stehen</a></li> <li><a href="index.html#">hier
k&ouml;nnte
ihr Name stehen</a></li> <li><a href="index.html#">hier
k&ouml;nnte
ihr Name stehen</a></li> </ul> </li> <li>
<h2>Zuletzt aktualisiert</h2> <ul> <li><a
 href="index.html">Bereich am (Datum)</a></li> <li><a
 href="index.html">Bereich am (Datum)</a></li> <li><a
 href="index.html">Bereich am (Datum)</a></li> <li><a
 href="index.html">Bereich am (Datum)</a></li> </ul>
</li>
<li><a href="impressum.php">Impressum</a></li></ul></div>
<br /></div></div><br />
</div><br />
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben