Hilfe! Seite erstellen

Bitte achte besser auf Großschreibung und so.
...Und bitte poste doch deinen Quellcode formatiert.

Ich schätze mal, du willst für jeden Link eine Seite definieren.
(Es bietet sich noch die Möglichkeit an, mit (I)FRAMES zu arbeiten)

Also kopier einfach den ganzen Code von index.html in eine neue Datei (z.B. musik.html) ändere den Inhalt ("content-box") und fertig.
(Du müsstest aber unbedingt vorher in der index.html die Ziele von den Links ändern, sprich bei Musik=>musik.html, x=>x.html)
 
Du hast den HTML-Quellcode ab dem Footer-Bereich in sich verdoppelt - d'rum erscheint nun alles dreimal :)

mfg Maik
 
Vergleich einfach diese Zeilenanzahl an HTML-Code mit der aus deinem Post von eben http://www.tutorials.de/forum/css/359696-hilfe-css-seite-erstellen.html#post1863667 ;-)

Und achte mal auf diese Codepassage:
HTML:
	<div id="footer">
		© Copyright 2008 yourname.com. All Rights Reserved.  
		<a href="http://www.mediaup.de">Webdesign</a> MediaUp</div>
	<div class="cleaner"></div>

</div>
die vorhin im Anschluß noch so endete:
HTML:
</body>
</html>
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" ><!-- InstanceBegin template="../Documents/Unbenannte Site 2/Templates/index.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="author" content="MediaUp" />
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<meta name="robots" content="all" />
	<!-- InstanceBeginEditable name="doctitle" -->
	<title>Coastal Night Free CSS Template</title>

	<!-- InstanceEndEditable -->
<script type="text/javascript"></script>
	
	<style type="text/css" title="currentStyle" media="all">
		@import "file:///C|/Users/Marvin/AppData/Roaming/Adobe/Dreamweaver CS4/de_DE/Configuration/ServerConnections/MAVODISGNZ/global.css";
	</style>
	<!-- InstanceBeginEditable name="head" -->

<div id="wrapper">
	<div id="header">
		<h1>MAVO-DISGNZ</h1>
		<h3>BILDER / LAYOUTS / BY MAVO</h3>

	</div>
	<div id="topnavi">
		<ul>
			<li class="select"><a href="#">HOME</a></li>
			<li class="norm"></li>
			<li class="norm"><a href="#">MUSIK</a></li>
			<li class="norm"><a href="#">BILDER</a></li>

			<li class="norm"><a href="#">GÄSTEBUCH</a></li>
			<li class="norm"><a href="#">ÜBER MICH</a></li>
			<li class="norm"><a href="#">KONTAKT</a></li>
		</ul>
	</div>
	<div id="headimg">&nbsp;</div>
	<div id="bodybox">

		<div id="subnavi">
			<h2>Home</h2>
			<ul>
				<li class="select"><a href="#">Sidebar Link</a></li>
				<li class="norm"><a href="#">Sidebar Link</a></li>
				<li class="norm"><a href="#">Sidebar Link</a></li>
				<li class="norm"><a href="#">Sidebar Link</a></li>

				<li class="norm"><a href="#">Sidebar Link</a></li>
				<li class="norm"><a href="#">Sidebar Link</a></li>
			</ul>
		</div>
		<div id="content">
			<h2>MAVO</h2>
			<h3>28.04.2010</h3>

			<p><img class="pic" src="file:///C|/Users/Marvin/AppData/Roaming/Adobe/Dreamweaver CS4/de_DE/Configuration/ServerConnections/MAVODISGNZ/img/content_img.jpg" alt="image" /></p>
<p>HIER TEXT SPÄTER</p>
		</div>
	</div>
	<div id="footer">
		© Copyright 2008 yourname.com. All Rights Reserved.  
		<a href="http://www.mediaup.de">Webdesign</a> MediaUp</div>
	<div class="cleaner"></div>

</div>


	
	<meta name="author" content="MediaUp" />
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<meta name="robots" content="all" />
	<div id="wrapper">
	<div id="header">
		<h1>MAVO-DISGNZ</h1>

		<h3>BILDER / LAYOUTS / BY MAVO</h3>
	</div>
	<div id="topnavi">
		<ul>
			<li class="select"><a href="#">HOME</a></li>
			<li class="norm"></li>
			<li class="norm"><a href="#">MUSIK</a></li>

			<li class="norm"><a href="#">BILDER</a></li>
			<li class="norm"><a href="#">GÄSTEBUCH</a></li>
			<li class="norm"><a href="#">ÜBER MICH</a></li>
			<li class="norm"><a href="#">KONTAKT</a></li>
		</ul>
	</div>
	<div id="headimg">&nbsp;</div>

	<div id="bodybox">
		<div id="subnavi">
			<h2>Home</h2>
			<ul>
				<li class="select"><a href="#">Sidebar Link</a></li>
				<li class="norm"><a href="#">Sidebar Link</a></li>
				<li class="norm"><a href="#">Sidebar Link</a></li>

				<li class="norm"><a href="#">Sidebar Link</a></li>
				<li class="norm"><a href="#">Sidebar Link</a></li>
				<li class="norm"><a href="#">Sidebar Link</a></li>
			</ul>
		</div>
		<div id="content">
			<h2>MAVO</h2>

			<h3>28.04.2010</h3>
			<p><img class="pic" src="img/content_img.jpg" alt="image" /></p>
<p>HIER TEXT SPÄTER</p>
		</div>
	</div>
	<div id="footer">
		© Copyright 2008 yourname.com. All Rights Reserved.  
		<a href="http://www.mediaup.de">Webdesign</a> MediaUp</div>

	<div class="cleaner"></div>
</div>

<script type="text/javascript"></script>
	
	<style type="text/css" title="currentStyle" media="all">
		@import "file:///C|/Users/Marvin/AppData/Roaming/Adobe/Dreamweaver CS4/de_DE/Configuration/ServerConnections/MAVODISGNZ/global.css";
	</style>
<meta name="author" content="MediaUp" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="robots" content="all" />
	

<script type="text/javascript"></script>
	

<style type="text/css" title="currentStyle" media="all">
		@import "global.css";
	</style>
<!-- InstanceEndEditable -->
</head>

<body>

<div id="wrapper">
	<div id="header">
		<h1>MAVO-DISGNZ</h1>
		<h3>BILDER / LAYOUTS / BY MAVO</h3>
	</div>

	<div id="topnavi">
		<ul>
			<li class="select"><a href="#">HOME</a></li>
			<li class="norm"></li>
			<li class="norm"><a href="#">MUSIK</a></li>
			<li class="norm"><a href="#">BILDER</a></li>
			<li class="norm"><a href="#">GÄSTEBUCH</a></li>

			<li class="norm"><a href="#">ÜBER MICH</a></li>
			<li class="norm"><a href="#">KONTAKT</a></li>
		</ul>
	</div>
	<div id="headimg">&nbsp;</div>
	<div id="bodybox">
		<div id="subnavi">
			<h2>Home</h2>

			<ul>
				<li class="select"><a href="#">Sidebar Link</a></li>
				<li class="norm"><a href="#">Sidebar Link</a></li>
				<li class="norm"><a href="#">Sidebar Link</a></li>
				<li class="norm"><a href="#">Sidebar Link</a></li>
				<li class="norm"><a href="#">Sidebar Link</a></li>

				<li class="norm"><a href="#">Sidebar Link</a></li>
			</ul>
		</div>
		<div id="content">
			<h2>MAVO</h2>
			<h3>28.04.2010</h3>
			<p><img class="pic" src="file:///C|/Users/Marvin/AppData/Roaming/Adobe/Dreamweaver CS4/de_DE/Configuration/ServerConnections/MAVODISGNZ/img/content_img.jpg" alt="image" /></p>

<p>HIER TEXT SPÄTER</p>
		</div>
	</div>
	<div id="footer">
		© Copyright 2008 yourname.com. All Rights Reserved.  
		<a href="http://www.mediaup.de">Webdesign</a> MediaUp</div>
	<div class="cleaner"></div>
</div>

</body>
<!-- InstanceEnd --></html>


mfg Maik
 
Ja, weil du den Style lokal von deiner Festplatte importiertst:
CSS:
@import "../AppData/Roaming/Adobe/Dreamweaver CS4/de_DE/Configuration/ServerConnections/MAVODISGNZ/global.css";
 
Zurück