Aufteilung Header und Footer
Verfasst: Mi 17. Okt 2012, 15:46
Also ich erstelle grade noch eine extra Seite für meine Zucht und da habe ich ein Free Templat was ich nun eingefügt habe. Nur ich bekomme es einfach nicht hin, den HTML Code in Header und Footer zu unterteilen, damit die Textseite dann anstelle von dem Beispieltext kommt.
Hier ist der HTML Code
Header
und Footer
http://little-lizard.de.to
Hier ist der HTML Code
Header
Code: Alles auswählen
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Your Site Name</title>
<link rel="stylesheet" href="http://file2.npage.de/012279/31/html/styles_neu.css" type="text/css" />
<script type="text/javascript" src="http://file2.npage.de/012279/31/html/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="http://file2.npage.de/012279/31/html/jquery.cycle.all.min.js"></script>
<script type="text/javascript" src="http://file2.npage.de/012279/31/html/superfish.js"></script>
<script type="text/javascript" src="http://file2.npage.de/012279/31/html/script.js"></script>
</head>
<body>
<div id="container">
<div id="container-inner">
<div id="header">
<h1><a href="#">sitename</a></h1>
<p>nice site slogan</p>
<div class="clear"></div>
</div><!-- end header -->
<div id="nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div><!-- end nav -->
<div id="slider">
<!-- start slideshow -->
<div id="slideshow">
<div class="slide-image"><a href="#"><img src="images/1.jpg" alt="image" width="920" height="250" border="0" /></a></div>
<div class="slide-image"><a href="#"><img src="images/2.jpg" alt="image" width="920" height="250" border="0" /></a></div>
<div class="slide-image"><a href="#"><img src="images/3.jpg" alt="image" width="920" height="250" border="0" /></a></div>
<div class="slide-image"><a href="#"><img src="images/4.jpg" alt="image" width="920" height="250" border="0" /></a></div>
</div>
<!-- end #slideshow -->
<div class="controls-outer">
<div id="slide_controls">
<ul id="slider_nav">
<li><a href="#"></a></li>
<!-- Slide 1 -->
<li><a href="#"></a></li>
<!-- Slide 2 -->
<li><a href="#"></a></li>
<!-- Slide 3 -->
<li><a href="#"></a></li>
<!-- Slide 4 -->
</ul>
</div>
</div>
<div class="clr"></div>
</div>
<!--/slider -->
<div class="sidebar">
<h4>Our Services</h4>
<ul>
<li><a href="#">Curabitur convallis urna quis </a></li>
<li><a href="#">Dui blandit et blandit justo </a></li>
<li><a href="#">Rhoncus. Sed dui justo, </a></li>
<li><a href="#">Ornare sit amet pharetra eu, </a></li>
<li><a href="#">Volutpat vel eros. Vestibulum </a></li>
<li><a href="#">Ante ipsum primis in faucibus </a></li>
</ul>
<h4>Latest News</h4>
<div class="news-item">
<span class="date">08.03.2011</span>
<a href="#">Lorem ipsum dolor sit</a> Proin vitae lorem vel tortor vestibulum fringilla vel ut turpis.
</div>
<div class="news-item">
<span class="date">05.03.2011</span>
<a href="#">Consectetuer adipiscing elit</a> Proin vitae lorem vel tortor vestibulum fringilla vel ut turpis. Phasellus pulvinar hendrerit ligula
</div>
</div><!-- end sidebar -->
<div class="clear"></div>Code: Alles auswählen
</div><!-- end container-inner -->
</div><!-- end container -->
<div id="footer">
<p>© YourSite 2011. Design by <a href="http://www.electrictowelrail.org.uk" target="_blank">Electric Towel Rail</a> | <a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">CSS</abbr></a></p>
</div><!-- end footer -->
</body>
</html>
