2 menüs links untereinander

html.de-Forum HTML, XHTML & CSS
1

Hallo
ich will ein zweites menü unter dem ersten haben links
aber wen ich jetz anfange neues

anzufangen dann rutscht es nach rechts aber es bleibt links
[HTML]

Untitled Document #links{ float:left; margin-left:20px; margin-right:20px; background-image:url(images/img0012.png); background-repeat:repeat-y; } #rechts{ float:right; margin-left:20px; margin-right:20px; } #mitte{ margin-left:20px; margin-right:20px; float:inherit; } #funktion{ background-image:url(images/img0012.png); background-repeat:repeat-y; } li{ background-image:url(images/img0012.png); background-repeat:repeat-y; }


Auto Leveln
Auto Skills benutzen
HP kontrolle
MP kontrolle
Automatisch aufheben
Automatisch laufen
Hidde modus

</p>
[/HTML]
2

aber wen ich jetz anfange neues

anzufangen dann rutscht es nach rechts aber es bleibt links

Das widerspricht sich doch. Allgemein wüsste ich immer noch nicht was dein Problem ist.

3

Also
ich will 2 mnüs haben

Header__
Menü 1 | |

Menü 2 | |

aber wen ich ein zweites

anfange dann siehst es so aus

Header__
Menü 1 |Menü2| |

      |             |
4

Erstens baue deine Navigation mit Unordered Lists auf[HTML]

  • Auto Leveln
  • Auto Skills benutzen
  • HP kontrolle
  • MP kontrolle
  • Automatisch aufheben
  • Automatisch laufen
  • Hidde modus
[/HTML]

Vielleicht hast du dein links-rechts Problem dann auch nichtmehr.

Ansonsten kannst du in deinem #rechts dieses noch hinzufügen:

float:left;
clear: left;

Dann hast du deine Zweite Navigation untenlinks.
5

danke klapt
und zu dem


    ich mag so eine tabelle nicht da es ein zu grossen abstandt zwischen den texten hat und disen punkt mag ich auch nicht :smiley:
    ich finde mein pfeil viel besser
    aber trotzdem danke

6

Gerngeschehen!

Trotzdem tu uns allen einen gefallen und mach es mit

    , und
  • .:smiley: Denn das mit den Abständen ist kein Problem, das regelt man so:
    Gibmal in deinem CSS Code zuoberst nach dem „“ folgendes ein:

    * { margin:0; padding:0; }

    Mit dem * Selektor werden alle HTML Tags angesprochen und auf dem 0 Punkt Formatiert. So nerfst du dich nie mehr ab den vordefinierten Abständen, und bist dem ‚Browser Gleichformatierung‘ Einen grossen Schritt näher gekommen. Denn zb. der Internet Explorer hat andere Vordefinierten Standart Formatierungen der einzelnen Tags als der Firefox.

7

Und die Listenpunkte entfernst du ganz einfach mit li { list-style:none; }

8

Das ist an der Stelle irrelevant, was Du magst. Du hast noch keinen Schimmer, wozu HTML überhaupt da ist. Deine Argumentation ist nicht HTML-gerecht.

HTML ist dazu da, die logische Bedeutung des Inhalts zu definieren. Da geht es in keiner Weise um das Aussehen. Man nimmt für eine Menu immer eine Liste (Liste! Nicht Tabelle! Das ist wieder was anderes, etwas zweidimensionales, eine Liste ist eindimensional) und ändert dann das Aussehen nach den eigenen Wünschen.
Abstände, Listenpunkte, all das legt man per CSS fest - für jedes Element.

Also mach aus Deinen Menüs Listen. Derzeit zeichnest Du sie als „Textabsatz“ aus, und das ist ja wohl eindeutig falsch!

Eine Änderung musst Du aber trotzdem noch vornehmen…die Images vor Deinen Links. Die dienen dem Aussehen, dem Design. Daher sollten die als background-image per CSS eingebunden werden. Mit zeichnet man nur Bilder aus, die Content besitzen, also wichtig für den Inhalt sind. Bei Dir scheinen das Pfeile zu sein. Die sind nicht wichtig für den Inhalt. Außerdem ist bei das alt-Attribut Pflicht und was würdest Du da als Alternativtext eintragen? Da gibts nichts sinnvolles.

Und eines noch, Du verwendest . Das dient der physischen Inhaltsauszeichnung. HTML macht aber nur die logische Inhaltsauszeichnung, dieses Tag wird also nicht mehr benutzt. Wenn Du etwas fett darsellen willst, und es nur um die Darstellung geht und der fette Text keine besondere Bedeutung haben soll, dann machst Du das mit CSS: font-weight:bold.
Wenn der Text als „wichtig“ gekennzeichnet sein soll, gibts dazu das Tag , als „sehr wichtig“ gibt es .