Bin gerade dabei, mein Projekt in der Schule zu implementieren. Langsam bin ich am verzweifeln...
Ich habe eine Datei index.html und startseite.html.
In diese Datei wird stylesheet.css eingefügt.
So weit so gut...Nun habe ich eine Linkleiste in der ich mehrere Kategorien wie "Startseite" "Kontakt", usw... habe..
Jetzt folgendes Problem:
Klicke ich nun auf "Startseite" so sollte in index.html der Inhalt von "Startseite" eingefügt werden...
Das Problem dabei ist, dass "Startseite" in einem neuen Browserfenster angezeigt wird...Ich habe jetzt schon STUNDEN investiert, aber ich komme auf den Fehler nicht drauf. Der Befehl im <h link...> Befehl "target=_self" einzufügen funktioniert ebenfalls nicht....
--------------------------
Index.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="generator" content="PSPad editor, http://www.pspad.com">
<title>PC-EVA</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>
<body>
<div id="container">
<div id="kopf">
</div>
<div id="navigation">
<h1>PC-EVA</h1>
Startseite
Anmeldung
Homepage
Kontakt
</div>
</div>
</body>
</html>
----------------------
stylesheet.css
body, html, #navigation, #container, #inhalt {
margin:0;
padding: 0;
}
body {
font: 100.01% sans-serif;
background-color:white;
text-align:left;
}
#container {
width: 80em;
text-align:left;
margin: 0;
background-color:red;
}
#kopf {
background-color: red;
color:black;
padding:25px;
text-align:left;
border: 1px solid black;
}
#navigation {
width: 14em;
float: left;
background-color: red;
color:black;
border:none;
height:49em;
}
#inhalt {
background-color: white;
color: black;
margin-left: 14em;
}
p {
margin: 25px 25px 0 25px;
}
h1 {
margin: 0 25px;
padding: 25px 0 0;
font-size: 1.3em;
}
/*Navigationsleiste */
#navigation ul {
list-style-type: none; /*Aufzählungspunkte entfernen */
padding: 0;
}
#navigation a:link, #navigation a:visited {
text-decoration: none;
color: black;
display:block;
padding:20px;
border-left:23px solid red;
background-color:red;
color:black;
}
------------
startseite.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="stylesheet.css" />
</head>
<body>
<h1>Startseite</h1>
Startseite in Bearbeitung</p>
</body>
</html>