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

Falsche Position der Tabelle!?

M

minimaniac

Neues Mitglied
Guten Abend zusammen,

ich arbeite zur Zeit an der Neugestaltung unserer Homepage. Die alte Seite habe ich bis jetzt nur administriert, also bin ich kein richtiger Neuling aber auf der anderen Seite fehlen mir vielleicht schon noch ein wenig basics.

Zu meinen Problemen:

Die Tabelle möchte ich gerne auf der rechten Seite stehen haben. Im Editor wird die Tabelle auch auf der richtigen Seite angezeigt, aber sobald ich die Datei auf den Server gestellt habe erscheint die Tabelle wieder auf der linken Seite. Wo habe ich hier einen Denkfehler?

Des weiteren möchte ich gerne den Hintergrund bis zum Banner hochziehen. Auch das will mir irgendwie nicht gelingen.

Link: Test

Kann mir bitte jemand einen Tip geben?

Vielen Dank im vorraus.

Gruß,

Alex
 
Hi!

Zu der Tabelle:
setzt mal in die Tabelle das atribut align="right" rein. Dann sollte das eigentlich funktionieren, wenn mich nicht alles täuscht.

Mal so unter uns: Muss das wirklich in Frames sein? ;-) Ich glaube, die sid auch der Grund, warum der Hintergrund nicht bis hochgezogen wird.

EDIT: Schließe auch mal den Body Tag (den zweiten). -Du kannst das auch alles in einen schreiben.

Grüße
Stromi
 
Zuletzt bearbeitet:
Abgesehen davon, dass Du Framesets verwendest sehe ich auch kein neues Design. Du hast nur einen Tabellensalat erstellt der durch nicht validen Quellcode noch weniger Schmackhaft ist für die Browser. Schau mal hier z.B.:
[Invalid] Markup Validation of http://www.feuerwehr-fischbach.de/neues_design.html - W3C Markup Validator

Da siehst Du was alles allein bei dieser Seite mit dieser Tabelle falsch ist. Korrigiere das und es sollte funktionieren. Und wenn Du ein neues Design erstellen willst, arbeite ohne Frames und ohne Tabellen. Denn Designs macht man nicht damit.
 
Nochmal hallo,

ich habe den Ratschlag von stromij und threadi beherzigt und eine neue Version erstellt.

Alles diesesmal ohne Frames!! YEAH!

Allerdings habe ich immer noch das Problem, dass die Tabelle in der Editor-Ansicht rechtsbündig angezeigt wird, wenn die Datei allerdings auf dem Server liegt befindet sich die Tabelle unter dem Menü.

Der Link hat sich nicht geändert: http://www.feuerwehr-fischbach.de/test.html

Dieses mal habe ich den Code validieren lassen, sehe allerdings darin keinen Bezug zur Tabelle.

Würde mir jemand bitte nochmal einen kleinen Wink geben?

Danke und Gruß,

Alex
 
Hallo.

Tabellen sind für tabellarische Inhalte gedacht.

Deine Navigation solltest du als Liste auszeichnen. Listen lassen sich wesentlich einfacher designen als Tabellen.

Gruss
Elroy
 
Hey!<br><br>Joa, Phase 5 macht so einiges komisch, das ist mehr oder weniger bekannt ;-)<br><br>Ich hab mich mal jetzt ein bisschen mit deinem Code ausseinander gesetzt und mal was geschrieben, was deine Probleme lösen könnte. Wenn du eine Erklärung brauchst, sag einfach bescheid!!!<br><br>
Code: 
<br>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;<br><br>&lt;html&gt;<br>&nbsp;&nbsp;&nbsp; &lt;head&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;title&gt;Meine Seite&lt;/title&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;meta name="author" content="Alexander"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;meta name="editor" content="html-editor phase 5"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;style type="text/css"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;!--<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; .li{&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; /*In der Navigatiosleiste die erste Ebene*/<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; width:180px;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; border-left:2px blue solid;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; border-bottom:2px blue solid;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; padding-top:6px;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; padding-left:10px;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; padding-right:5px;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; margin-top:4px;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; font-size:16px;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; }<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; #navi_rechts{<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; margin-left:5px;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; border:1px yellow solid;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; float:right;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; }<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; #navi_links{<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; float:left;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; border:1px red solid;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; margin-right:10px;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; }<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; #alles{<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; margin-left:auto;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; margin-right:auto;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; width:1000px;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; height:auto;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; border:1px blue solid;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; }<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; #inhalt{<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; float:left;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; margin-top:15px;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; padding-left:5px;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; padding-right:5px;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; padding-bottom:5px;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; color:black;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; width:617px;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; --&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/style&gt;<br>&nbsp;&nbsp;&nbsp; &lt;/head&gt;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;!-- Head war nicht geschlossen! --&gt;<br>&lt;body&gt;<br>&lt;div id="alles"&gt;<br>&nbsp;&nbsp;&nbsp; &lt;div id="navi_links"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="test.html"&gt;Start&lt;/a&gt;&lt;br&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="abteilungen_auswahl.html"&gt;Abteilungen&lt;/a&gt;&lt;br&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="einsaetze_auswahl.html"&gt;Eins&amp;auml;tze&lt;/a&gt;&lt;br&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="./technik_auswahl.html"&gt;Technik&lt;/a&gt;&lt;br&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="msl.html"&gt;Mit Sicherheit ins Leben&lt;/a&gt;&lt;br&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="Info_Download.html"&gt;Infos &amp;&lt;br&gt; Downloads&lt;/a&gt;&lt;br&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="kontakt.html"&gt;Kontakt&lt;/a&gt;&lt;br&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="links.html"&gt;Links&lt;/a&gt;&lt;br&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href ="http://feuerwehr-fischbach.de/tinc?key=M4AYkQVK&amp;start=-1&amp;reverse=1"&gt;G&amp;auml;stebuch &lt;/a&gt;&lt;br&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="Intern/Intern.html"&gt;Intern&lt;/a&gt;&lt;br&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a href="Impressum.html"&gt;Impressum&lt;/a&gt;&lt;br&gt;<br>&nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &lt;div id="inhalt"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; Inhalt&nbsp; lalalallallallalalallallallalalalaala&lt;br&gt;lllllll<br>&nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &lt;div id="navi_rechts"&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div class="li"&gt;&lt;a href="dein pfad"&gt; Einsatzabteilung&lt;/a&gt;&lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div class="li"&gt;&lt;a href="dein pfad"&gt;text&lt;/a&gt;&lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div class="li"&gt;&lt;a href="dein pfad"&gt;Jugendfeuerwehr&lt;/a&gt;&lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div class="li"&gt;&lt;a href="dein pfad"&gt;text&lt;/a&gt;&lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div class="li"&gt;&lt;a href="dein pfad"&gt;Minil&amp;ouml;scher&lt;/a&gt;&lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div class="li"&gt;&lt;a href="dein pfad"&gt;text&lt;/a&gt;&lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div class="li"&gt;&lt;a href="dein pfad"&gt;Alters- &amp; Ehrenabteilung&lt;/a&gt;&lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div class="li"&gt;&lt;a href="dein pfad"&gt;text&lt;/a&gt;&lt;/div&gt;<br>&nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&lt;/div&gt;<br>&lt;/body&gt;<br>&lt;/html&gt;<br>
<br><br>So siehts aus: test.jpg<br><br>Das ganze Drama muss natürlich noch mal von dir umformatiert werden, aber ich hoffe es hilft dir beim verstehen deiner Problematik.<br><br>So als Empfehlung: Solltest du dann mit CSS arbeiten, lager es am besten gleich mit aus!<br><br>Grüße<br>Stromi<br>

EDIT: Einfach ignorieren ;-)
 
Zuletzt bearbeitet:
Und das ist liefert definitiv einen Validator-Fehler in Bezug auf die Tabelle:
Code: 
<table width="20%" border="1" bordercolor="#0000FF" cellpadding="0" cellspacing="0">
[COLOR="magenta"]</p>[/COLOR]
 <tr>
 
Ach f***

Ignorier das zweite von mir. Man sollte nicht einfach ausm Editor was kopieren...

Also hier noch mal der Code in übersichtlicher Form:
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
  <head>
    <title>Meine Seite</title>
      <meta name="author" content="Alexander">
      <meta name="editor" content="html-editor phase 5">
      <style type="text/css">
        <!--
          .li{
            width:180px;
            border-left:2px blue solid;
            border-bottom:2px blue solid;
            padding-top:6px;
            padding-left:10px;
            padding-right:5px;
            margin-top:4px;
            font-size:16px;
            }
          #navi_rechts{
            margin-left:5px;
            border:1px yellow solid;
            float:right;
            }
          #navi_links{
            float:left;
            border:1px red solid;
            margin-right:10px;
            }
          #alles{
            margin-left:auto;
            margin-right:auto;
            width:1000px;
            height:auto;
            border:1px blue solid;
            }
          #inhalt{
            float:left;
            margin-top:15px;
            padding-left:5px;
            padding-right:5px;
            padding-bottom:5px;
            color:black;
            width:617px;
        -->
        </style>
      </head>                                                        <!-- Head war nicht geschlossen! -->
<body>
<div id="alles">
  <div id="navi_links">
    <a href="test.html">Start</a><br>
    <a href="abteilungen_auswahl.html">Abteilungen</a><br>
    <a href="einsaetze_auswahl.html">Eins&auml;tze</a><br>
    <a href="./technik_auswahl.html">Technik</a><br>
    <a href="msl.html">Mit Sicherheit ins Leben</a><br>
    <a href="Info_Download.html">Infos &<br> Downloads</a><br>
    <a href="kontakt.html">Kontakt</a><br>
    <a href="links.html">Links</a><br>
    <a href ="http://feuerwehr-fischbach.de/tinc?key=M4AYkQVK&start=-1&reverse=1">G&auml;stebuch </a><br>
    <a href="Intern/Intern.html">Intern</a><br>
    <a href="Impressum.html">Impressum</a><br>
  </div>
  <div id="inhalt">
    Inhalt  lalalallallallalalallallallalalalaala<br>lllllll
  </div>
  <div id="navi_rechts">
    <div class="li"><a href="dein pfad"> Einsatzabteilung</a></div>
    <div class="li"><a href="dein pfad">text</a></div>
    <div class="li"><a href="dein pfad">Jugendfeuerwehr</a></div>
    <div class="li"><a href="dein pfad">text</a></div>
    <div class="li"><a href="dein pfad">Minil&ouml;scher</a></div>
    <div class="li"><a href="dein pfad">text</a></div>
    <div class="li"><a href="dein pfad">Alters- & Ehrenabteilung</a></div>
    <div class="li"><a href="dein pfad">text</a></div>
  </div>
</div>
</body>
</html>

Ich hoffs jetzt is es übersichtlich :-D
 
Hallo.

Wozu sind die divs da? Du erstellst eine unnötige div Wüste.

Zeichne die Navigationen doch einfach als Liste aus.
Das ist semantisch korrekt, erspart unnötige divs und erleichtert das formatieren.

Gruss
Elroy
 
Okay, okay.
Wo du recht hast, hast du recht. ich habs bloß nie anders beigebracht bekommen :-(

Aber jezz weiß ichs!!!

Hier also die überarbeitete Version (hoffentlich übersichtlich):
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
  <head>
    <title>Meine Seite</title>
      <meta name="author" content="Alexander">
      <meta name="editor" content="html-editor phase 5">
      <style type="text/css">
        <!--
          ul{
            list-style:none;
            width:180px;
            border-left:2px blue solid;
            border-bottom:2px blue solid;
            padding-top:6px;
            padding-left:10px;
            padding-right:5px;
            font-size:16px;
            margin-top: -10px;
            }
          li{
            list-style:none;
            margin-left:5px;
            border:1px yellow solid;
            float:right;
            margin-top:0px;
            }
          #navi_links{
            float:left;
            border:1px red solid;
            margin-right:10px;
            }
          #alles{
            margin-left:auto;
            margin-right:auto;
            width:1000px;
            height:auto;
            border:1px blue solid;
            }
          #inhalt{
            float:left;
            margin-top:15px;
            padding-left:5px;
            padding-right:5px;
            padding-bottom:5px;
            color:black;
            width:570px;
            heigth:auto;
            border:1px blue solid;
        -->
        </style>
      </head>                                                        <!-- Head war nicht geschlossen! -->
<body>
<div id="alles">
  <li id="navi_links">
    <ul style="margin-top:5px;"><a href="test.html">Start</a></ul>
    <ul><a href="abteilungen_auswahl.html">Abteilungen</a></ul>
    <ul><a href="einsaetze_auswahl.html">Eins&auml;tze</a></ul>
    <ul><a href="./technik_auswahl.html">Technik</a></ul>
    <ul><a href="msl.html">Mit Sicherheit ins Leben</a></ul>
    <ul><a href="Info_Download.html">Infos &<br> Downloads<br></ul>
    <ul><a href="kontakt.html">Kontakt</a></ul>
    <ul><a href="links.html">Links</a></ul>
    <ul><a href ="http://feuerwehr-fischbach.de/tinc?key=M4AYkQVK&start=-1&reverse=1">G&auml;stebuch</a></ul>
    <ul><a href="Intern/Intern.html">Intern</a></ul>
    <ul><a href="Impressum.html">Impressum</a></ul>
  </li>
  <p id="inhalt">
    Inhalt  lalalallallallalalallallallalalalaalakkkkkjhjdfjgsdsbvdsagreahgfdhfdahregdfhgargdafrdsgstgwegd sgewet<br>lllllll
  </p>
    <li>
      <ul style="margin-top:5px;"><a href="dein pfad"> Einsatzabteilung</a></ul>
      <ul><a href="dein pfad">text</a></ul>
      <ul><a href="dein pfad">Jugendfeuerwehr</a></ul>
      <ul><a href="dein pfad">text</a></ul>
      <ul><a href="dein pfad">Minil&ouml;scher</a></ul>
      <ul><a href="dein pfad">text</a></ul>
      <ul><a href="dein pfad">Alters- & Ehrenabteilung</a></ul>
      <ul><a href="dein pfad">text</a></ul>
    </li>
</div>
</body>
</html>

Grüße
Stromi
 
Hallo.

Tut mir leid das ist immer noch falsch.

<ul> öffnet eine Liste. Mit <li> werden die einzelnen Listenpunkte ausgezeichnet.
Du hast es gerade andersrum gemacht.

Hier mal ein Link zu einem HTML Tutorial: HTML Tutorial.

Gruss
Elroy
 
Hey!

Natürlich :oops:

Wenn Dummheit wehtun würde, dann würde ihr mich jetzt hörn...

Also, ich hoffe das ist es jetzt..

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
  <head>
    <title>Meine Seite</title>
      <meta name="author" content="Alexander">
      <meta name="editor" content="html-editor phase 5">
      <style type="text/css">
        <!--
          li{
            list-style:none;
            width:180px;
            border-left:2px blue solid;
            border-bottom:2px blue solid;
            padding-top:6px;
            padding-left:10px;
            padding-right:5px;
            font-size:16px;
            margin-top: -10px;
            }
          ul{
            list-style:none;
            margin-left:5px;
            border:1px yellow solid;
            float:right;
            margin-top:0px;
            }
          #navi_links{
            float:left;
            border:1px red solid;
            margin-right:10px;
            }
          #alles{
            margin-left:auto;
            margin-right:auto;
            width:1000px;
            height:auto;
            border:1px blue solid;
            }
          #inhalt{
            float:left;
            margin-top:15px;
            padding-left:5px;
            padding-right:5px;
            padding-bottom:5px;
            color:black;
            width:570px;
            heigth:auto;
            border:1px blue solid;
        -->
        </style>
      </head>                                                        <!-- Head war nicht geschlossen! -->
<body>
<div id="alles">
  <ul id="navi_links">
    <li style="margin-top:5px;"><a href="test.html">Start</a></li>
    <li><a href="abteilungen_auswahl.html">Abteilungen</a></li>
    <li><a href="einsaetze_auswahl.html">Eins&auml;tze</a></li>
    <li><a href="./technik_auswahl.html">Technik</a></li>
    <li><a href="msl.html">Mit Sicherheit ins Leben</a></li>
    <li><a href="Info_Download.html">Infos &<br> Downloads<br></li>
    <li><a href="kontakt.html">Kontakt</a></li>
    <li><a href="links.html">Links</a></li>
    <li><a href ="http://feuerwehr-fischbach.de/tinc?key=M4AYkQVK&start=-1&reverse=1">G&auml;stebuch</a></li>
    <li><a href="Intern/Intern.html">Intern</a></li>
    <li><a href="Impressum.html">Impressum</a></lli>
  </ul>
  <p id="inhalt">
    Inhalt  lalalallallallalalallallallalalalaalakkkkkjhjdfjgsdsbvdsagreahgfdhfdahregdfhgargdafrdsgstgwegd sgewet<br>lllllll
  </p>
    <ul>
      <li style="margin-top:5px;"><a href="dein pfad"> Einsatzabteilung</a></li>
      <li><a href="dein pfad">text</a></li>
      <li><a href="dein pfad">Jugendfeuerwehr</a></li>
      <li><a href="dein pfad">text</a></li>
      <li><a href="dein pfad">Minil&ouml;scher</a></li>
      <li><a href="dein pfad">text</a></li>
      <li><a href="dein pfad">Alters- & Ehrenabteilung</a></li>
      <li><a href="dein pfad">text</a></li>
    </ul>
</div>
</body>
</html>

Viele Grüße
Stromi
 
Och manno.

Ich gebs auf. Es soll ja nur nen Beispielcode sein. so mit fehlern und so, damit alle nochmal was lernen ;-)
Ich hoffe, ihr wisst jetzt aber ungefähr was ich meine...

Grüße
Stromi
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben