Guten Tag, ich habe als relativ Neuer auf dem Gebiet eine bisherige, auf framesets aufgebaute Webseite neu mit css-definiertem Layout entwickelt. Die Navigation funktioniert in dem mittlerem Bereich. Wenn ich auf den rechten Layoutbereich gehen will, blinkt die Registerkarte orange. Lösche ich diese Registerkarte, kann ich den rechten Bereich anwählen. Gehe ich mit "Home" wieder zurück und will dann in dem mittleren Bereich navigieren, blinkt wieder die Registerkarte und ich muß erst die registerkarte löschen, um im mittleren Bereich zu navigieren. Was habe ich falsch definiert?
Hier auszugsweise meine html-Datei und meine css-Datei:
html:
<ul id="Navigation">
<li><a href="inhalt.html" target="inhalt">Home</a></li>
<li><a href="gruendung.html" target="inhalt">Gründung</a></li>
<li><a href="vereinsziele.html" target="inhalt">Vereinsziele</a></li>
<li><a href="förderung.html" target="inhalt">Förderungsbescheid</a></li>
<li><a href="mitglieder.html" target="inhalt">Mitglieder</a></li>
<li><a href="projekte.html" target="inhalt">Projekte</a></li>
<li><a href="beitritt.html" target="inhalt">Beitrittserklärung</a></li>
<li><a href="kontakt.html" target="inhalt">Kontakt</a></li>
<li><a href="sonstige_infos.html" target="Info">Sonstige Infos</a></li>
</ul>
<div id="Info">
<h2>Info-Box</h2>
<p>Hier erhalten Sie sonstige Informationen rund um den Förderverein und
die Kirchengemeinde</p>
<a href="sonstige_infos.html" target="Info">Link zu Sonstige Infos</a>
</div>
css:
ul#Navigation {
font-size: 0.83em;
float: left; width: 18em;
margin: 0 0 1.2em; padding: 0;
border: 1px dashed silver;
}
ul#Navigation li {
list-style: none;
margin: 0; padding: 0.5em;
}
ul#Navigation a {
display: block;
padding: 0.2em;
font-weight: bold;
}
ul#Navigation a:link {
color: black; background-color: #eee;
}
ul#Navigation a:visited {
color: #666; background-color: #eee;
}
ul#Navigation a:hover {
color: black; background-color: white;
}
ul#Navigation a:active {
color: white; background-color: gray;
}
Danke
Hier auszugsweise meine html-Datei und meine css-Datei:
html:
<ul id="Navigation">
<li><a href="inhalt.html" target="inhalt">Home</a></li>
<li><a href="gruendung.html" target="inhalt">Gründung</a></li>
<li><a href="vereinsziele.html" target="inhalt">Vereinsziele</a></li>
<li><a href="förderung.html" target="inhalt">Förderungsbescheid</a></li>
<li><a href="mitglieder.html" target="inhalt">Mitglieder</a></li>
<li><a href="projekte.html" target="inhalt">Projekte</a></li>
<li><a href="beitritt.html" target="inhalt">Beitrittserklärung</a></li>
<li><a href="kontakt.html" target="inhalt">Kontakt</a></li>
<li><a href="sonstige_infos.html" target="Info">Sonstige Infos</a></li>
</ul>
<div id="Info">
<h2>Info-Box</h2>
<p>Hier erhalten Sie sonstige Informationen rund um den Förderverein und
die Kirchengemeinde</p>
<a href="sonstige_infos.html" target="Info">Link zu Sonstige Infos</a>
</div>
css:
ul#Navigation {
font-size: 0.83em;
float: left; width: 18em;
margin: 0 0 1.2em; padding: 0;
border: 1px dashed silver;
}
ul#Navigation li {
list-style: none;
margin: 0; padding: 0.5em;
}
ul#Navigation a {
display: block;
padding: 0.2em;
font-weight: bold;
}
ul#Navigation a:link {
color: black; background-color: #eee;
}
ul#Navigation a:visited {
color: #666; background-color: #eee;
}
ul#Navigation a:hover {
color: black; background-color: white;
}
ul#Navigation a:active {
color: white; background-color: gray;
}
Danke