CSS, Java Script u.s.w
Moderator: HTML-Laie
marie87
Webmaster
Beiträge: 140 Registriert: Sa 29. Sep 2012, 00:08
Mein Vorname: Steffi
Wohnort: Brandenburg
Kontaktdaten:
Beitrag
von marie87 » 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
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>© 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
goefi-chiangmai
Admin
Beiträge: 7000 Registriert: Sa 31. Okt 2009, 09:36
Mein Vorname: Peter
Wohnort: Phrao-Chiang Mai
Kontaktdaten:
Beitrag
von goefi-chiangmai » Mi 17. Okt 2012, 16:59
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
marie87
Webmaster
Beiträge: 140 Registriert: Sa 29. Sep 2012, 00:08
Mein Vorname: Steffi
Wohnort: Brandenburg
Kontaktdaten:
Beitrag
von marie87 » Mi 17. Okt 2012, 17:14
hier ist sie [url]file:///C:/Users/BORS/AppData/Local/Temp/Temp1_mountain.zip/mountain/index.html[/url]
Seatin
Grosser Webmaster
Beiträge: 502 Registriert: Do 11. Mär 2010, 18:49
Mein Vorname: Steffen
Wohnort: Münsingen, Deutschland
Kontaktdaten:
Beitrag
von Seatin » Mi 17. Okt 2012, 17:17
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...
marie87
Webmaster
Beiträge: 140 Registriert: Sa 29. Sep 2012, 00:08
Mein Vorname: Steffi
Wohnort: Brandenburg
Kontaktdaten:
Beitrag
von marie87 » Mi 17. Okt 2012, 17:36
goefi-chiangmai
Admin
Beiträge: 7000 Registriert: Sa 31. Okt 2009, 09:36
Mein Vorname: Peter
Wohnort: Phrao-Chiang Mai
Kontaktdaten:
Beitrag
von goefi-chiangmai » Mi 17. Okt 2012, 18:33
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>© 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>
marie87
Webmaster
Beiträge: 140 Registriert: Sa 29. Sep 2012, 00:08
Mein Vorname: Steffi
Wohnort: Brandenburg
Kontaktdaten:
Beitrag
von marie87 » Mi 17. Okt 2012, 18:52
dankeschön!!! wieso weshalb warum das so geteilt wird, da werde ich nie hinter kommen.
irgendwas stimmt jetzt mit mein footer nicht
goefi-chiangmai
Admin
Beiträge: 7000 Registriert: Sa 31. Okt 2009, 09:36
Mein Vorname: Peter
Wohnort: Phrao-Chiang Mai
Kontaktdaten:
Beitrag
von goefi-chiangmai » Mi 17. Okt 2012, 18:56
Nimm einfach dein Original Download und trenn es nach dem <div id="content">
marie87
Webmaster
Beiträge: 140 Registriert: Sa 29. Sep 2012, 00:08
Mein Vorname: Steffi
Wohnort: Brandenburg
Kontaktdaten:
Beitrag
von marie87 » Mo 22. Okt 2012, 12:55
Dankeschön, hat alles geklappt.
marie87
Webmaster
Beiträge: 140 Registriert: Sa 29. Sep 2012, 00:08
Mein Vorname: Steffi
Wohnort: Brandenburg
Kontaktdaten:
Beitrag
von marie87 » Di 23. Okt 2012, 13:10
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
Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast