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

Frage zu meinem html text

htmlkiddi

Neues Mitglied
also ich bin zwar anfänger in der html branche und meine rechtschreibung ist nicht die beste
wollte ich fragen was ich da für einen queltext verwende und wie ich meine Navigation von links nach rechts einstelle anstadt von oben nach unten.
hier mein queltext:
<!DOCKTYPE html><html>
<title> Fanseite </title>
<head>
<style type="text/css">
body {background-color:Black}
p {color:blue}
h1{color:red}
td{color:yellow}
</style>
</head>
<body>
<h1> Fanpage</h1>
<p> Alles über Blood Lad, XX-me und Blue Exorcist</p>


<dl id="navigation">
<dt class="Home"><a href="home.html" id="active">Home</a></dt>
<link rel"Home" href="Home.css">
</dl>


<dl id="navigation">
<dt class="ueber"><a href="Impressum.html">Impresum</a></dt>
</dl>


<dl id="navigation">
<dt class="portfolio"><a href="portfolio.html">Mangas</a></dt>
</dl>


<dl>
<dt class="kontakt"><a href="kontakt.html">Streams</a></dt>
</dl>


<dl>
<dt class="impressum"><a href="impressum.html">Links</a></dt>
</dl>


<table border="0">
<colgroup>
<col style="background-color:withe">
<col width="145">
<col width="205">
<col width="0">
</colgroup>
<td> Nr. </td>
<td> Namen </td>
<td> Datum </td>
</tr>
</table>
<table border="0">
<colgroup>
<col width="30">
<col width="145">
<col width="205
">
</colgroup>
<tr>
<td> 1 </td>
<td> Blood Lad </td>
<td> 01.05.2012</td>
<tr>
<table>
<colgroup>
<col width="30">
<col width="145">
<col width="205">
</colgroup>
<tr>
<td> 2 </td>
<td> XX-me </td>
<td> 01.05.2012 </td>
</tr>
</table>
<table>
<colgroup>
<col width="30">
<col width="145">
<col width="205">
</colgroup>
<tr>
<td> 3 </td>
<td> Blue Exorcist </td>
<td> 01.05.2012 </td>
</tr>
</table>
</body>
</html>
 
Bevor Du sich an die Gestaltung machst, solltest Du erstmal sauberen HTML-Code schreiben. Folgendes Fehler fallen mir auf Anhieb auf:

* <title> gehört in den <head>
* IDs darf man nur 1 Mal pro Dokument verwenden (in Bezug auf dein "navigation")

Und wenn Du schon HTML5 verwendest, solltest Du auch HTML5-Elemente verwenden. Das meine ich in Bezug auf dein Menü. Das hast Du als Definitionsliste aufgebaut, was falsch ist. Besser und richtiger wäre das <nav>-Element mit darin liegender <ul>-Liste.

Nach Korrektur dieser Fehler solltest Du das Ergebnis validieren. Dafür gibt es u.a. den w3c-Validator.

Wenn dann alles ok ist, kannst Du dich an die Gestaltung machen. Wenn Du 2 Elemente nebeneinander haben willst, gibt es im CSS die float-Eigenschaft. Schau dir die an: SELFHTML: Stylesheets / CSS-Eigenschaften / Positionierung und Anzeige von Elementen

Und bitte umgib Quellcodes im Forum mit Code-Tags.
 
Zurück
Oben