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

HTML Code hilfe, Verlinkungen

K

kevin123287

Neues Mitglied
Hey ich bin dabei eine Seite zu erstellen jedoch hab ich probleme mit dem Html Code,
ich hban menu erstellt das nur aus bildern besteht, hab diese dann verlinkt, jedoch wird dann der weitere text immer mit dem letzten button verlinkt (also links.html)
was hab ich dort falsch gemacht? der link der website: SegelfliegenPro
kann ichs auch noch so machen das die seite auf die bildschrimauflösung gezogen wird?
MfG Kevin
HTML: 
<html>
<head>
<title>SegelfliegenPro</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
 body
 {
  background-image:url(websitebilde/background.jpg);
  background-repeat:no-repeat;
  background-position:center 0px;

 }
#Home {
 background-position:center 0px;
 background-color:height:41px;
 margin-top:187px;
 margin-left:center;
}
.W {
    font-size: 48px;
}
#editor      { white-space:pre; }
#editor {
    color: #000;
}
#editor {
    font-size: 14px;
}
#editor {
    font-size: 16px;
}
#editor {
    font-weight: bold;
}
#editor {
    font-family: Arial, Helvetica, sans-serif;
    line-height:1.8em;
}
#editor {
    font-size: 16px;
}
#copyright {
    text-align:left;
    padding:0px;
    margin:25px;
    border:0;
    margin-left:30px;
    margin-top:75px;
}
#Überschrift {
    text-align:center;
    padding:0px;
    border:bold solid black;
    margin:25px;
    border:0;
}
</style>
</head>
<body bgcolor="#3f96ef">
</head>
<body>
<center>
<div id="Home">
<a href="home.html"><img src="menu/images/menu_11.jpg" width="154" height="42"alt="Home" border="0"><a href="serverinfo.html"><img src="menu/images/menu_12.jpg" width="154" height="42" alt="ServerInfo" border="0"><a href="gallerie.html"><img src="menu/images/menu_04.jpg" width="118" height="43" alt="Gallerie" border="0"><a href="livestream.html"><img src="menu/images/menu_05.jpg" width="162" height="43" alt="Livestream" border="0"><a href="kontakt.html"><img src="menu/images/menu_06.jpg" width="131" height="43" alt="Kontakt" border="0"><a href="gästebuch.html"><img src="menu/images/menu_07.jpg" width="160" height="43" alt="Gästebuch" border="0"><a href="downloads.html"><img src="menu/images/menu_09.jpg" width="169" height="43"alt="Downloads" border="0"><a href="links.html"><img src="menu/images/menu_10.jpg" width="151" height="43" alt="Links" border="0">
</div>
<p></p>
<div id="Überschrift">
<hl><span class="W" style="text-align: center; font-family: 'BN Jinx'; color: #000;">W</span><span style="font:Bn Jinx; font-weight:bold; color:black; font-size:36px; font-family:'BN Jinx';">illkommen</span></hl>
</div>
<p id="editor">
Willkommen bei SegelfliegenPro.Unser Team existiert seid dem __________. Wie der Name schon sagt, sind wir eine reine 
Segelfluggemeinschaft in der keinerlei Propeller- oder Düsenflugzeuge erlaubt sind. Jedoch dürfen Flugzeuge benutzt werden, 
die die einzelnen Segler schleppt.
</p>
<p id="editor">
Unser Team spezialisiert sich nur auf das Segelfliegen auf verschiedenen Varianten und versucht auch unerfahrenen 
das Segelfliegen im FSX beizubringen. 
</p>
<p id="editor">
Ich wünsche euch noch viel Spaß auf unserer Seite.
Euer SegelfliegenPro Team!
</p>
</center>
<left>
<p id="copyright">
Copyright © 2010 | SegelfliegenPro
</p>
</left>
</body>
</html>
 
Du musst die Links auch schließen!
<a href="home.html"><img src="menu/images/menu_11.jpg" width="154" height="42"alt="Home" border="0"></a>
<a href="serverinfo.html"><img src="menu/images/menu_12.jpg" width="154" height="42" alt="ServerInfo" border="0"></a>
Zum Vergrößern anklicken....
 
Oha, da ist so einiges falsch :D

in deiner CSS hast du z.B. 7! mal die ID editor mit verschiedenen Eigenschaften versehen, und in der HTML hat jedes <p> Tag dieselbe ID bekommen, lustiger Weiste die ID editor ^^. Hier benutzt man Klassen also <p class="editor">. Eine ID ist "EINE" eindeutige zuweisung für einen Stil.

Gruß Harald
 
wenn ich Klassen benutze, wie muss dann das stylesheet aussehn und die html datei?
hab nämlich jetz ne externe stylesheet erstellt ;-)
 
Anstatt
HTML: 
<p id="idname"></p>
nutzt du
HTML: 
<p class="classname"></p>
und in CSS anstatt
Code: 
#idname{
    /* ... */
}
nutzt du
Code: 
.classname{
    /* ...*/
}
 
Dynamische Größen wären wohl eine Möglichkeit, also relative Angaben. Z.B. margin: 10%;

IDs dürfen immer nur einmalig im HTML Code verwendet werden, Klassen beliebig oft. Wenn du nun einen Header, ein Menu und ein Content hast, dann kannst du IDs festlegen, ansonsten verwendet man Klassen. Und deine Links müssen immer geschlossen werden.

Es liegt noch sehr viel im Argen. Der Doctype fehlt komplett und sonst noch viele Fehler.

Dein Code liefert deutliche Fehler und ist nicht valide: 23 Errors, 3 warning(s) (Quelle: The W3C Markup Validation Service)
Damit alles auch ordentlich funktioniert, sollte deine Website den Standards entsprechen, also valide sein. Prüfe daher die Seiten am besten immer über den Validator (The W3C Markup Validation Service).
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben