Aufteilung Header und Footer

CSS, Java Script u.s.w

Moderator: HTML-Laie

Antworten
Benutzeravatar
marie87
Webmaster
Webmaster
Beiträge: 140
Registriert: Sa 29. Sep 2012, 00:08
Mein Vorname: Steffi
Wohnort: Brandenburg
Kontaktdaten:
Kontaktdaten von marie87

Aufteilung Header und Footer

Beitrag von marie87 »

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

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>
und Footer

Code: Alles auswählen

</div><!-- end container-inner -->
</div><!-- end container -->
    

<div id="footer">
    <p>&copy; 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>
http://little-lizard.de.to
[center]Bild[/center]
[center]http://bartagamen-on-tour.de.to[/center]
Nach oben
Benutzeravatar
goefi-chiangmai
Admin
Admin
Beiträge: 7001
Registriert: Sa 31. Okt 2009, 09:36
Mein Vorname: Peter
Wohnort: Phrao-Chiang Mai
Kontaktdaten:
Kontaktdaten von goefi-chiangmai

Re: Aufteilung Header und Footer

Beitrag von goefi-chiangmai »

Poste bitte mal den link zum Download dieses Design!
bin mir sicher das da bereits etwas zerstückelt hast...... sehe nirgens den Div content wo für den inhalt deiner seiten zuständig ist :E
Gruß - DER CRAZY ASIAT - The MASTER of DESASTER
✬ Privat Homepage: goefi-chiangmai
✬ Mitgliederausweis: Hole Dir dein Mitgliederausweis für deine Webseite
Nach oben
Benutzeravatar
marie87
Webmaster
Webmaster
Beiträge: 140
Registriert: Sa 29. Sep 2012, 00:08
Mein Vorname: Steffi
Wohnort: Brandenburg
Kontaktdaten:
Kontaktdaten von marie87

Re: Aufteilung Header und Footer

Beitrag von marie87 »

hier ist sie [url]file:///C:/Users/BORS/AppData/Local/Temp/Temp1_mountain.zip/mountain/index.html[/url]
[center]Bild[/center]
[center]http://bartagamen-on-tour.de.to[/center]
Nach oben
Benutzeravatar
Seatin
Grosser Webmaster
Grosser Webmaster
Beiträge: 502
Registriert: Do 11. Mär 2010, 18:49
Mein Vorname: Steffen
Wohnort: Münsingen, Deutschland
Kontaktdaten:
Kontaktdaten von Seatin

Re: Aufteilung Header und Footer

Beitrag von Seatin »

marie87 hat geschrieben:hier ist sie [url]file:///C:/Users/BORS/AppData/Local/Temp/Temp1_mountain.zip/mountain/index.html[/url]
Das ist die Lokale URL von deinem PC... :)
Peter meint aber, den Downloadlink des Designs...
Nachrichten aus der Welt un Unerklärlichen gibts hier: Underground-Secrets®
Nach oben
Benutzeravatar
marie87
Webmaster
Webmaster
Beiträge: 140
Registriert: Sa 29. Sep 2012, 00:08
Mein Vorname: Steffi
Wohnort: Brandenburg
Kontaktdaten:
Kontaktdaten von marie87

Re: Aufteilung Header und Footer

Beitrag von marie87 »

ich mal wieder :G
http://www.opendesigns.org/od/wp-conten ... frame=true
[center]Bild[/center]
[center]http://bartagamen-on-tour.de.to[/center]
Nach oben
Benutzeravatar
goefi-chiangmai
Admin
Admin
Beiträge: 7001
Registriert: Sa 31. Okt 2009, 09:36
Mein Vorname: Peter
Wohnort: Phrao-Chiang Mai
Kontaktdaten:
Kontaktdaten von goefi-chiangmai

Re: Aufteilung Header und Footer

Beitrag von goefi-chiangmai »

Original ist ja ein Div Content drinn (wo der bei dir Verlorenging???), da musst es Teilen

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="styles.css" type="text/css" />

<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.min.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<script type="text/javascript" src="js/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 id="main">
		<div id="content">
footer

Code: Alles auswählen

        </div><!-- end content -->
        
        <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>
        
    </div><!-- end main -->
    
    </div><!-- end container-inner -->
    
</div><!-- end container -->

<div id="footer">
	<p>&copy; 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>
Gruß - DER CRAZY ASIAT - The MASTER of DESASTER
✬ Privat Homepage: goefi-chiangmai
✬ Mitgliederausweis: Hole Dir dein Mitgliederausweis für deine Webseite
Nach oben
Benutzeravatar
marie87
Webmaster
Webmaster
Beiträge: 140
Registriert: Sa 29. Sep 2012, 00:08
Mein Vorname: Steffi
Wohnort: Brandenburg
Kontaktdaten:
Kontaktdaten von marie87

Re: Aufteilung Header und Footer

Beitrag von marie87 »

dankeschön!!! wieso weshalb warum das so geteilt wird, da werde ich nie hinter kommen.
irgendwas stimmt jetzt mit mein footer nicht :E
[center]Bild[/center]
[center]http://bartagamen-on-tour.de.to[/center]
Nach oben
Benutzeravatar
goefi-chiangmai
Admin
Admin
Beiträge: 7001
Registriert: Sa 31. Okt 2009, 09:36
Mein Vorname: Peter
Wohnort: Phrao-Chiang Mai
Kontaktdaten:
Kontaktdaten von goefi-chiangmai

Re: Aufteilung Header und Footer

Beitrag von goefi-chiangmai »

Nimm einfach dein Original Download und trenn es nach dem <div id="content">
Gruß - DER CRAZY ASIAT - The MASTER of DESASTER
✬ Privat Homepage: goefi-chiangmai
✬ Mitgliederausweis: Hole Dir dein Mitgliederausweis für deine Webseite
Nach oben
Benutzeravatar
marie87
Webmaster
Webmaster
Beiträge: 140
Registriert: Sa 29. Sep 2012, 00:08
Mein Vorname: Steffi
Wohnort: Brandenburg
Kontaktdaten:
Kontaktdaten von marie87

Re: Aufteilung Header und Footer

Beitrag von marie87 »

Dankeschön, hat alles geklappt. :DA
[center]Bild[/center]
[center]http://bartagamen-on-tour.de.to[/center]
Nach oben
Benutzeravatar
marie87
Webmaster
Webmaster
Beiträge: 140
Registriert: Sa 29. Sep 2012, 00:08
Mein Vorname: Steffi
Wohnort: Brandenburg
Kontaktdaten:
Kontaktdaten von marie87

Re: Aufteilung Header und Footer

Beitrag von marie87 »

Ist mir schon doof, aber wollte für meine private Seite auf einigen Seiten ein anderes Design und scheitere wieder an der Aufteilung. Ich hab mir das Design angeguckt und ein paar mal Versucht, es zu teilen aber ohne Erfolg.

Das wäre dieses: http://www.opendesigns.org/od/wp-conten ... frame=true
[center]Bild[/center]
[center]http://bartagamen-on-tour.de.to[/center]
Nach oben
Antworten

Zurück zu „Fragen zu HTML & Programmiersprachen“

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 4 Gäste