Uwe H. Dischner: CSS Navigation in einen HTML Frame einbinden

Beitrag lesen

CSS Navigation in einen HTML Frame einbinden

Liebe Entwickler und hilfreiche Mitmenschen...,

seid gegrüßt!

Mein Projekt [http://bildung.freepage.de/u._h./ oder auf http://mitglied.lycos.de/dklwesen/ einsehbar]
soll von HTML Navigation auf CSS Navigation weiterentwickelt werden. Die CSS Navigation ist bereits
entwickelt, kann jedoch baw. noch nicht eingesetzt werden...

Zum Fehler:

Zwar zeigen alle Browser korrekt den dreiteiligen Frame mit der entspechenden CSS Navigationsleiste an,
jedoch wird bei einem verweisen auf die entsprechenden Seiten, sprich den Link anwählen, die jeweils
aufgerufene Seiten außerhalb des Frame dargestellt!!

Wer kennt die Lösung...?

Uwe H. Dischner

.................................................................................

Quelltext Ausschnitt zum einfachen Frame...

.................................................................................

<html>

<head>

<title>Frame</title>

</head>

<link rel="stylesheet" type="text/css" href="Inhalt und Navigation.css">

<frameset cols="30,70" frameborder="no" border=0">

<frame src="Inhalt und Navigation.html">

<frameset  rows="30,70" frameborder="no" border=0">

<frame src="Titel.html">

<frame name="Inhalt" src="Vorwort.html">

</frameset></frameset>

<!-- Kommentar: Die oben doppelt stehende Anweisung den  Frame zu beenden ist für Netscape 4.7... -->

<noframes>

Ihr Browser unterstützt keine Frames ! </font>

</noframes>

<body text="#FFFFFF" bgcolor="#3366FF" link="#FFFF00" vlink="#00CC00" alink="#FFFF00">

<font face="Arial,Helvetica"><font color="#FFFFFF">

<font size=-1>

</body>

</html>

...................................................................................................

und Quelltext Ausschnitt zur CSS Navigation...

...................................................................................................

<!DOCTYPE html PUBLIC "-//w3c//dtd html 4.0 transitional//en">

<html>

<head>

<!-- Kommentar: hier beginnt der Kopfeintrag des CSS Button -->

<style type="text/css"><!--
.cssButton{
margin-left: 0px;
padding-left: 0px;
text-align: left;
border-left: #C0C0C0 0px outset;
border-right: #C0C0C0 0px inset;
border-top: #C0C0C0 0px outset;
border-bottom: #C0C0C0 0px inset;
font-family: Courier New, Courier, mono;
font-weight:normal;
font-size: 7pt;
color: #ffffff;
background-color: #3366ff;
}
-->
</style>

</head>

<!-- Kommentar: hier beginnen die CSS Button Befehle für das Kapitel Disziplinen -->

<input type="submit" name="Button" value="I Disziplinen " class="cssButton"
onclick="parent.location= ('Disziplinen.html')">

<!-- Kommentar: hier enden die CSS Button Befehle für das Kapitel Disziplinen -->

</body>

</html>