• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

[ERLEDIGT] Kann einer mein Code überpfüfen?

Sir_Troll

Sir_Troll

Neues Mitglied
Hallo
Ich habe eine Seite geschrieben und sie funktioniert nicht......;-(
könnte deswegen einer sie überprüfen? wäre sehr nett

Danke im vorraus

HTML: 
<!DOCTYPE HTML>
<html lang="en">
<title>T0IF - Blog</title>
<meta charset="utf-8">
<link rel="stylesheet" href="styles.css">
<!--[if It IE9]
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js""type="text/javascript"
charset="utf-8">
</script>
<![endif]-->
<body>
<div class="alles>">
  <header>
<p>The Trollclan</p>
</header>
<nav>
<p><a href="http://therealtrollking.tumblr.com/">Blog</a>
<a href="https://de.wikipedia.org/wiki/Troll_(Netzkultur)">About</a>
<a href="http://therealtrollking.tumblr.com/archive">Archives</a>
<a href="http://therealtrollking.tumblr.com/">Contact</a>
<a href="https://www.rss.com/" ><img
src="http://reneescattergood.com/wp-content/themes/papercuts/images/icon-rss.png"
width="20" height="20"
alt="RSS">Subscribe via. RSS </a></p>

</nav>
<br>
<div class="bildmittext">
<p>Hallo Hallo</p>
</div>
<div class="contenu">
<div class="left">
<h1>Android 4 ever</h1>
<div class="blog">
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</p>
<div class="image">
<img src="http://www.laverdadrefresca.com/wp-content/uploads/sites/27/2013/07/troll-604x492.png" width="250"
height="250" alt="Troll" >
</div>
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</p>
</div>
<div class="blog">
<p>

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</p>
</div>
<hr class="clear_float">
<div class="comments">
<table style="vertical-align: top; margin: 0px auto;">
  <tr>
    <th>
        <h2> Dr. Who </h2>

        <p>19.02.2010</p>
        <br>
      <p>Android for ever!! </p></th>
  </tr>
  <tr>
    <th>
        <h2>The Undertaker</h2>

        <p>21.02.2010</p>
        <br>
      <p>I am the best there is, the best there was and the best there ever will be!</p></th>
  </tr>
  <tr>
    <th>
        <h2>Super Mario</h2>

        <p>22.02.2010</p>
        <br>
      <p>Hello! It's-a me, Mario!  </p>

  </th>
</table>
<h1>Comments</h1>
<div>
<h3>Eingabefelder</h3>
<form action="mailto:[email protected]" method="POST"
enctype="text/plain">
<p>Vorname: <input type="text" name="vorname"></p>
<p>Name: <input type="text" name="Name"></p>
<p>E-mail: <input type="text" name="email" value="[email protected]"></p>
<p><textarea name="comment1" rows="20" cols="60"></TEXTAREA></p>
<p><input type="submit" name="senden" value="Troll absenden"></p>
</form>
</div>
</div>
</div>

<div class="right">
<div>
<h1>Contact</h1>
<ul id="ul">
<a href="http://www.dorado-dubai.com/en/trolling_fishing_in_uae_en.html">
<p>Troll in Dubai</p></a>
<p><a href="http://troll-face.ru/">Troll in Russland</a></p>
<p><a href="http://fuckyeahtrollface.tumblr.com/" >Troll in den USA</a></p>
</ul>
</div>
<h1>Archives</h1>
<ul id="ul2"

<a href="http://www.frenchtroll.com/bouchon-a-dubai/" >
    <p>Fotos vom Troll in Dubai</p>
    </a>>
    <p>
        <a href="http://euromaidanpress.com/2014/11/14/das-armselige-leben-der-putin-trolle/" >Fotos vom Troll in Russland</a></p>
<p>
    <a href="http://www.trollsofnorway.com/" >Fotos vom Troll in den USA</a>
</p>
</ul>
</div>
</div>
</div>
<footer>
<table style="vertical-align: top; margin: 0px auto;">
  <tr>
    <th>
        <h4>About</h4>
        <p>This is a blog</p>
      </th>
      <th><h4>Blogroll</h4>
          <p>This is a Blogroll</p></th>
      <th><h4>Popular</h4>
      <p>The Troll is popular</p></th>
  </tr>
</table>
</footer>
<div class="copyright">
<p>&copy; 2015, by T0IF</p>
</div>
</div>
</div>
</body>



Das ist der CSS
Code: 
body{position: absolute;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
background-image: url(https://photos-5.dropbox.com/t/2/AADMnpd62BKYZyk-CGZhg9NaMfyQ0Sf-9rV_90xcgNXVXw/12/437018440/png/32x32/1/_/1/2/sidebar_background.png/CMi-sdABIAEgAiADIAQgBSAGIAcoBw/4CNUCL5AlQWggB9Ob10L9DHK0rj9jkYYePTGvRe0sxk?size=1024x768&size_mode=2);
background-repeat: repeat-y;
background-image: url(../images/sidebar_section_background.png);
background-repeat: repeat-x;
}
p {
font-family: arial;
color: #666666;
}
* {
box-sizing: border-box;
}
header,nav,.archives,.contact,.image,.menu,.copyright,article,footer,aside{
border: 1px solid black;
}
nav {
display: inline-block;
margin: 0px;
width: 100%;
height: 50px;
text-align:center;
}
nav a {
color: #cccccc;
    text-align: left;
}
.center {
text-align: center;
}
header {
height:100px;
width:100%;
margin-left:0px;
padding:0px;
}
footer {
position:absolute;
height:100px;
width:100%;
bottom:50px;
background-color: black;

}
.copyright {
position:absolute;
background-color: black;
height:50px;
width:100%;
bottom:0;
}
.copyright p {
text-align: center;
}
.left {
position: absolute;
width: 65%;
float: left;
height: calc(100% - 300px);
}
.right {
position:relative;
width: 35%;
float: right;
height: 50%;
background-image: url(https://photos-3.dropbox.com/t/2/AADy4qMw2X06a6-vV17W2VK1WswH47S1xv5uFGKBRqOYLQ/12/437018440/png/32x32/1/_/1/2/sidebar_section_background.png/CMi-sdABIAEgAiADIAQgBSAGIAcoBw/aGv8miAxu-4gosjsVQJVcBYQi82vDulFIPrZrOHKpWE?size=1024x768&size_mode=2); background-repeat: repeat;
}
.contenu {
top: 150px;
position: absolute;
width: 100%;
overflow-y: scroll;
height: calc(100% - 300px);
}
.image {
float: left;
}
h3 {color: aqua
}
.blog {
float: left;
width: 49%;
text-align: center;
}
.clear_float {
clear: both;
}
th   {
font-family: arial;
color: brown;
text-align: left;
}

.bildmittext    {background-image: url(https://photos-6.dropbox.com/t/2/AACKhOVNiJtDkGfActto338zgMZsUV3bwcVGBa7Xq2zF0w/12/437018440/jpeg/32x32/1/_/1/2/intro3.jpg/CMi-sdABIAEgAiADIAQgBSAGIAcoBw/aRLaCI6GN5SI3EYkynx8SIA0VT0AbFCwRZlveNEdB3A?size=1024x768&size_mode=2); width: 600;height: 90; background-repeat: repeat; color: aqua;font-size: 50; text-align: left;
}
table   {margin: 15px; color: black; 
}
h2  {text-decoration: underline; font-size: 20px; font-style: normal;
}
th  {color: aqua
}
h4  {color: chartreuse
}
.alles  {
position: absolute;
}
 
Was heißt "funktioniert nicht"? Am Code sehe ich zumindest, dass Du ihn mit einem HTML-Validator prüfen und korrigieren solltest. Außerdem solltest Du auf eine bessere Strukturierung achten, auch im semantischen Sinn.
 
Sir_Troll schrieb:
kennst du denn einen guten validator?
Zum Vergrößern anklicken....

Ich kann dir einen guten Tipp geben: Stelle niemals Fragen, deren Beantwortung sich aus der ersten Ergebnisseite einer Google-Suche ergibt. So etwas zeugt von Inkompetenz und/oder Faulheit und korreliert mit der Bereitschaft zur Hilfestellung in Programmierforen, nicht nur in diesem.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben