Menübutton bleibt markiert obwohl neue Seite

html.de-Forum HTML, XHTML & CSS
1

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;
    }[/CODE]Dazu passende HTML-Datei:
    [PHP]
Startseite Jugend trainiert für Olympia, Stadt Dessau-Roßlau


Jugend trainiert für Olympia, Stadt Dessau-Roßlau



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.

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.
Tabelle
<?php include "sidebar.php"; ?>
[/PHP]und für die volle Ausführbarkeit noch die sidebar.php: [PHP]





[/PHP]
2

Link der geöffneten Seite hervorheben

PS:
habe sehr schöne Erinnerungen an JTFO