Bezeichnung der Leiste am oberen Rand einer Website?

Hallo zusammen,

Ich baue aktuell eine Website mit HTML. Ich wollte eine Komponente einbauen, jedoch fällt mir die Bezeichnung nicht ein.

Nehmen wir als Beispiel einen Bestellprozess als Beispiel:

Ihr kennt mit Sicherheit, die Leiste am oberen Rand, das meistens wie ein Pfeil nach fechts dargestellt ist und dem Nutzer zeigt, wo er sich befindet und was als nächstes kommt.

Produktliste > Lieferadresse > Zahlung > Bestätigung > Abgeschlossen

Man kann diese Elemente nicht anklicken. Sie zeigen lediglich wo man sich befindet und was als nächstes kommt.

Das hat eine Bezeichnung, das mir nicht einfällt. Das wollte ich über Google suchen und das in die Website einbauen.

Freue mich auf eure Hilfen.

4 Antworten

01.07.2018, 07:41

Das ist der Pfad würde ich sagen.

Blackdressedboy

06.11.2019, 17:12

bissl zu spät nenne sowas eigentlich immer navbar für navigations bar aber jeder kann das eigentlich nennen wie man will.

01.07.2018, 07:10

Verlauf? Hierarchie? Pfad?

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, Technik, HTML

01.07.2018, 07:48

Das ist ein Breadcrumb. Dieser zeigt als sekundäre Navigation den Verlauf an, bspw. von der Startseite ausgehend bis zur aktuellen Seite. Ob man die einzelnen Navigationspunkte anklicken kann, hängt von der Implementation ab.

AlexXxej

01.07.2018, 11:10

Finde es sinnvoll es klickbar zu machen als usabilty-feature für den Besucher. Auch Google gibst du damit die Möglichkeit deine Seitenhierarchie besser nachzuvollziehen und teilweise in den Suchergebnissen besser zu erscheinen. Dafür bräuchtest du ggf. noch microdata:https://coderwall.com/p/p0nvjw/creating-a-semantic-breadcrumb-using-html5-microdatata

0

Ähnliche Beiträge

[HTML] Balken über 100 %

Hallo Liebe user,

auf meiner aktuellen Homepage wollte ich in der oberen Leiste einen Balken einbauen, der über die ganze geht. So wie auf der Seite der Blaue Bereich.

Mein Problem ist, dass immer ca 8px rand bleibt...

Bild im Anhang.

Kann mir jemand helfen?

Mit freundlichen Grüßen

Lollo

Element immer im Bildschirm haben mit CSS?

Hi,

ich versuche mich gerade an meiner ersten Website mit HTML und CSS.
Jetzt möchte ich gerne das eine Flexbox immer am oberen Rand des Bildschirms bleibt, aber dennoch sonst im Fluss der Seite ist, also andere Elemente nicht dahinter sind oder so. Das soll eine Art Navigationsleiste werden, die immer zu sehen ist.

Ich dachte ich hätte das schonmal gesehen, weiß jetzt aber nicht mehr wie ich das umsetzten könnte und bitte deshalb um Ratschläge von euch.

Danke im Voraus!

Wie kann ich eine Navigationsleiste in HTML an die rechte Seite verschieben?

Ich habe in HTML eine Navigationsleiste. Diese befindet sich ja standartmäßig an der linken Seite der Website. Wie schaff ich es dann die ganze Leiste (

tag) an die rechte Seite der Website ist?

Egal ob mit CSS oder HTML.

Wie berechne ich die Höhe aus (Trigenometrie)?

In welcher Höhe befindet sich der obere Rand folgender Arbeitsbühne? Runde auf Zentimeter.

Wie kann ich mit HTML/ CSS DIV Tags bündig an den Rand anpassen?

Ich habe folgendes Problem mit Html/Css. Ich möchte gerne einen div tag auf einer Website ganz oben ansiedeln. Das einzige Problem was ich dabei habe ist, dass ich es nicht bündig hinbekomme. Zwar schließen die Div Tags untereinander bündig ab, aber jeweils am Rand der Website bleibt ein Spalt über. Mit Margin & Padding klappt es leider auch nicht. Ein Beispiel Quelltext habe ich hier:

<head>
<style type="text/css">
#do {
background-color:grey;
height: 50%;
margin:0px;
padding:0px;
border:none;
}
#di {
background-color:red;
height: 50%;
margin:0px;
padding:0px;
border:none;
}
</style>
</head>
<body>
<div id="do">
Hallo
</div>
<div id="di">
Hallo
</div>
</body>

PS: Das ist nur ein Beispiel, welches mein Problem verdeutlichen soll. Ich hoffe ihr könnt mir helfen.

NavBar auf jeder Unterseite einbauen (Webdevelopment)?

Hallo, es gibt auf so ziemlich jeder Website Elemente, die auf fast jeder Unterseite vorkommen. Ein Beispiel dafür wäre die NavBar. Diese ist bei den meisten Websites überall. Wie bringt man aber dieses Element auf jede Unterseite? Bei jeder Unterseite den ganzen HTML, CSS und JavaScript Code reinzukopieren wäre ja sehr mühsam.

Diese Aufgabe kann man mit Framworks lösen, wie z.B. VueJS wo man Komponenten verwendet. Welche Methoden gibt es sonst noch, vielleicht sogar ganz ohne Framework?

Dark-Mode White-Mode Schalter Position verschieben?

Guten Abend, ich benötige Hilfe bei einer Website, die ich derzeit programmiere. Ich versuche einen "Dark-Mode" An-Aus Schalter hinzuzufügen. Dabei stoße ich derzeit auf ein Problem: Ich würde den betreffenden 'Knopf' zum ändern der Hintergrundfarbe gerne an den oberen, rechten Seitenrand verschieben, jedoch finde ich nicht den richtigen Befehl an der richtigen Stelle dazu. Ihr kennt euch sicherlich besser mit so etwas aus. Vielen Dank schon mal im Voraus.

(Entschuldigung für die fehlende Formatierung, die Nachricht hätte sonst zu viele Zeichen) + (CSS-Datei befindet sich in den Kommentaren)

Hier der Code der HTML-Seite:

<html lang="de">
<head>
<meta charset=utf-8>
<title>Test-Titel(Tab)</title>
<link rel="Stylesheet" href="TestSeite.css">
</head>
<body>

<form>

<!-- LOGO -->

<div class="Logo">

<a href="https://www.google.com/"> <img src="ImpressumsSymbol (sklein).png"> </a>

</div>

<!-- ----- -->

<!-- HIER BEFINDET SICH DIE FRAGE -->

<input id="dark-mode" class="toggle" type="checkbox" name="Dark mode" role="switch" value="on">

<div class="curtain"></div>

<!-- UEBERSCHRIFT -->

<div class="Ueberschrift">

<h1> <b> ÜBERSCHIRFT </b> </h1>

<h2> IMPRESSUM </h2>

</div>

<!-- ----- -->

<!-- BUTTONS -->

<a href="https://www.google.com/" class="btn-flip" data-front="TEXT" data-back="TEXT"></a>

<a href="https://www.google.com/" class="btn-flip" data-front="TEXT" data-back="TEXT"></a>

<a href="https://www.google.com/" class="btn-flip" data-front="TEXT" data-back="TEXT"></a>

<a href="https://www.google.com/" class="btn-flip" data-front="TEXT" data-back="TEXT"></a>

<!-- ----- -->

<!-- KONTAKT -->
<div class="Impressum">

<h2> <u> TEXT </u> </h2>

</div>

<center>

<p>
<strong>
TEXT
</strong>
<br>
TEXT
<br>
TEXT
</p>
<p>
TEXT
<br>
TEXT
</p>

<p> TEXT </p>

</center>
<!-- ----- -->
<!-- IMPRESSUM -->
<div class="Impressum">

<h2> <u> IMPRESSUM </u> </h2>

<h3>TEXT</h3>

<p> TEXT
<br>
TEXT
<br>
TEXT
</p>
<p> TEXT
<br>
TEXT
</p>

<p>
<strong>
TEXT
</strong>
<br>
TEXT
</p>

<h2>TEXT</h2>
<p> TEXT
<br>
TEXT
<br>
TEXT
</p>
<p>
<a href="https://www.google.com/" class="link">TEXT</a>

</p>
<p>
TEXT
</p>

<h3>Haftung für Inhalte</h3>
<p>
TEXT
</p>
<p>
TEXT
</p>

<h3>TEXT</h3>
<p>
TEXT
</p>
<p>
TEXT
</p>

<h3>TEXT</h3>
<p>
TEXT
</p>
<p>
TEXT
</p>

</div>

<!-- ----- -->





</form>

</body>

</html>

HTML weißen Rand entfernen

Ich habe eine Background Bild auf meiner Website welches sich an den Browser anpasst, jedoch habe ich immer einen weißen Rand rundherum, wie bekomme ich den weg?

Hier ein Beispiel: www.cyber-tech.ch

Hier mein HTML Code:

Wie kann ich mit CSS die Position meines Menüs ändern?

Wie auf den Bildern zu sehen, habe ich zwei Probleme. Das Menü befindet sich am obersten Bildschirmrand - soll aber eigentlich am unteren Rand des schwarzweiß-banners positioniert werden. Des weiteren bekomme ich die weiße Box in der die Navigationspunkte sitzen nicht kleiner, sodass die Divider Striche auch noch zu hoch sitzen. Momentan ist das menü auch so eingestellt, dass es fest oben sitzt bis man runterscrollt und es am oberen bildschirmrand folgt. das kann auch gern so bleiben, mit ausnahme dass es eben erst ab der position am unteren bannerrand folgen soll. hoffe ist irgendwie klar was ich meine.

Selbstgeschriebene Website kostenlos hosten?

Hey! Ich suche eine Möglichkeit eine selbst gecodete Website (HTML, CSS, Javascript) kostenlos zu hosten! Ein wenig Werbung am oberen Bildschirm Rand wäre für mich vollkommen okay! :) Gibt es da Möglichkeiten oder muss ich mir doch mal nen Raspberry Pi zulegen? xD

LG

kann man in google chrome die Lesezeichenleiste am oberen rand bei einem leeren tab ausschalten?

hey leute,

frage steht oben. ich weiß das ich die leiste aktivieren und deaktivieren kann. dies funktioniert allerdings nur bei einer geöffneten internetseite. wenn ich einen neuen tab öffne, dann ist jedesmal die liste der lesezeichen am oberen rand eingeblendet. gleiches wenn ich google chrome öffne und demzufolge einen leeren tab vor mir hab.

kann man das irgendwie ausschalten? lg

Mathe bitte um schnelle Antwort?

Und zwar verstehe ich diese blöde Aufgabe nicht Der Trichter ist 1m hoch und besitzt eine quadratische Grundfläche mit ebenfalls 1m Seitenlänge. A) wie viel Flüssigkeit befindet sich im Trichter wenn dieser bis zum oberen Rand gefüllt ist? B) wie viel Flüssigkeit befindet sich im Trichter, wenn er nur bis zur halben Höhe gefüllt ist? Welchen Anteil (in%) entspricht dies? LG Tim

Wie programmiere ich den Übergang von Header Leiste zur Navigationsleiste (Html, css, Javascript)?

Also folgendes Problem.. Ich hätte gerne ganz oben einen Header, der zu sehen ist, bis man hinunterscrollt und das obere Ende der Navigationsleiste erreicht, wie erreiche ich es, dass die Headerleiste dann verschwindet und die Navigationsleiste fixiert am oberen Rand bleibt (Es soll so ein Übergang sein) ; ich hoffe ihr wisst wie ich mir das vorstelle.

Mich würde es sehr freuen, wenn mir jemand diesbezüglich eine hilfreiche und passende Antwort geben könnte und schon mal im Voraus freundliche Grüße :)

Wie heißt diese Leiste auf einer Website?

Bei jeder Website gibt es ja so eine Art Leiste am oberen oder linken Rand, bei der man die einzelnen Themen anklicken kann (Hier: Themen, Neue Fragen, Grage stellen, Offene Fragen, ...). Wie nennt man das? - vllt. ein Fachbegriff? Hoffe ihr wisst was ich meine und könnt mir helfen :)

Was möchtest Du wissen?

Deinen Beitrag erstellen

gf-shortened-block.is-short { max-height: none !important; } gf-shortened-block.is-short::after { display: none !important; } body { font-family: 'Roboto',sans-serif !important; } h1,h2,h3,h4,h5,h6 { font-family: 'Roboto Slab',serif !important; }