• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

seiten verlinken

L

liesi

New member
Hallo!!
Ich versuche gerade eine website zu erstellen - Aber mein Problem ist:

Ich möchte die angegeben Menüpunkte in den Bereich Content verlinken.

d.h.:
Ich hab für jeden Menüpunkt eine eigene .html-Seite (mit dem dazu gehörenden Inhalt)
Nun möchte ich:
Wenn ich auf Team klicke, soll der Inhalt von der Seite team.html im Bereich content angezeigt werden.
Dasselbe mit Archiv, .....
Klick auf Archiv - Inhalt von archiv.html soll im content angezeigt werden.



Ich hab es schon mit Javascript versucht - jedoch bin ich nun verwirrt. :( :(

Vielleicht kann mir jemand den passenden Code schicke!! (BITTE, BITTE, BITTE)


Ich hoffe ihr versteht mein Problem.

Danke schon im Voraus.
 

Anhänge

  • layout.png
    layout.png
    10,9 KB · Aufrufe: 3
Zuletzt bearbeitet:
MEIN CODE sieht so aus:


HTML: 
<hmtl>
<head>
	<title></title>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>

<div id="wrapper">


	<div id="borderh">
	</div>

	<div id="logo1">
	<img src="http://forum.jswelt.de/images/logo1.jpg">
	</div>

	<div id="logo2">
	<img src="http://forum.jswelt.de/images/logo2.jpg">
	</div>

	<div id="banner">
	</div>

	<div id="borderh">
	</div>

	<div id="navl">
		</br>
		<a href="team.html" target="content">Team</a></br>
	</div>

	<div id="navr">
		</br>
		Allgemeines</br>
		Veranstaltungen</br>
	</div>

	<div id="content">
		<a name="content"></a>
		<b>Herzlich Willkommen!</br></b>
	</div>
</div>
</body>
</html>

MEINE CSS-Datei sieht so aus:

Code: 
#wrapper
{
	background-color: #0000ff;
	width: 1200px;
	height: 665px;
	margin-left: auto;
	margin-right: auto;
	font-family:Helvetica, Arial, sans-serif;
	letter-spacing:0.2mm;
	line-height: 1.5;
}

#borderh
{
	width:1210px;
	height: 5.5px;
}

#logo1
{
	width:145px;
	height: 130px;
	background-color: #0000ff;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	outline:1.7px solid white;
}


#banner
{
	width: 890px;
	height: 130px;
	background-image:url(images/banner.jpg);	
	margin-left: 155px;
	outline:1.7px solid white;
}

#logo2
{
	width:145px;
	height: 130px;
	background-color: #CC6699;
	float: right;
	margin-left: 5px;
	margin-right: 5px;
	outline:1.7px solid white;
}


#navl
{
	width:145px;
	height: 519px;
	background-image:url(images/nbg.jpg);
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	outline:1.7px solid white;
	text-align: center;
	font-weight: bold;
	font-size: 12pt
}

#navr
{
	width:145px;
	height: 519px;
	background-image:url(images/nbg.jpg);
	float: right;
	margin-left: 5px;
	margin-right: 5px;
	outline:1.7px solid white;
	text-align: center;
	font-weight: bold;
	font-size: 12pt;
}

#content
{
	width: 890px;
	height: 519px;
	background-color: #ffff99;
	margin-left: 155px;
	outline:1.7px solid white;
	text-align: center;
}

#footer
{
	width: 1024px;
	height: 75px;
	background-image:url(images/bbg.jpg);
	margin-top: 10px;
	margin-left: 5px;
	outline:1.7px solid white;
}
__________________

Nun möchte ich, wenn ich auf Team klicke, das team.html im "content"-Bereich geöffnet wird.

Bitte um Hilfe!!
Danke :)
 
Zuletzt bearbeitet von einem Moderator:
Aha, das Ziel ist ein div. Dann musst du es entweder mit Ajax laden und einfügen oder du musst ein iframe anstatt des div verwenden. Das kommt jetzt auf dein Design und deine Struktur an.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben