[3.2] Eigene Linkbar im Header - irgendwo stimmt es nicht

[Tastenplayer]

Seit Ewigkeit stehe ich jetzt vor dem Problem, dass es im Dropdown Menu meiner Linkbar ziemlich müstisch aussieht.

- Versuch in der style.css das Dropdown für die Linkbar zu konfigurieren, greift nie.
- Die Font Awesome Icons zu konfigurieren bringt auch nichts.
- Funktioniert eigentlich so weit, wie gewünscht nur eben in der responsiven Ansicht sieht es etwas komisch aus im Dropdown.

Deshalb frage ich mich langsam, ob ich das in der html Datei falsch gemacht habe.[ externes Bild ]

linbar.html

Code: Alles auswählen

<div class="linkbar" role="navigation">
	<div class="inner">

	<ul id="nav-header" class="nav-header linklist" role="menubar">
		<li class="linkbar">
			</li>

<li class="leftside">
				<i class="icon fa-suitcase fa-fw" aria-hidden="true"></i><span><a href="https://www.forum.my-tastenworld.ch/keyboard-links">KEYBOARDLINKS</a></span>
			</a>
		</li>
		
<li class="leftside">
				<i class="icon fa-link fa-fw" aria-hidden="true"></i><span><a href="https://www.forum.my-tastenworld.ch/diverse-links">DIVERSE LINKS</a></span>
			</a>
		</li>
		
	</ul>
	</div>
</div>

style.css

Code: Alles auswählen

.linkbar {
	color: #CCAE71;
	background-color: #000;
	border-radius: 7px;
	margin: -1px 0 6px 0;
	padding: 3px;
}

.linkbar a {
	color: #CCAE71;
	font-weight: bold;
	font-size: 13px;
}

Beitrag könnte ich eigentlich jetzt wieder löschen . Wer sich das Lehrlingstutorial nochmals genau anschaut, anstatt tagelang rumzuwursteln ist klar im Vorteil. Ausserdem muss man nicht doof nachfragen hier. Ich könnte mich jetzt grad selber ohrfeigen!
https://www.youtube.com/watch?v=mMMrpMzNg7U

Ob mit der html Datei jetzt so alles stimmt weiss der Himmel. Aber es sieht mindestens jetzt alles korrekt aus. [ externes Bild ]

linkbar.html

Code: Alles auswählen

<div class="linkbar" role="navigation">
	<div class="inner">

	<ul id="nav-header" class="nav-header linklist" role="menubar">
		<li class="linkbar">
			</li>

<li>
<a href="https://www.forum.my-tastenworld.ch/keyboard-links" title="KEYBOARDLINKS" role="menuitem">
				<i class="icon fa-suitcase fa-fw" aria-hidden="true"></i><span>KEYBOARDLINKS</span>
			</a>
		</li>
		
<li>
<a href="https://www.forum.my-tastenworld.ch/diverse-links" title=">DIVERSE LINKS" role="menuitem">
				<i class="icon fa-link fa-fw" aria-hidden="true"></i><span>DIVERSE LINKS</span>
			</a>
		</li>
		
	</ul>
	</div>
</div>

Edit:
So ganz korrekt ist meine html Datei - meine Lösung schon nicht . Sobald ich einen Border machen will, entsteht ein blauer Punkt. [ externes Bild ]

Jetzt sieht es oben okay aus [ externes Bild ]
Aber in der linkbar.html stimmt definitiv etwas nicht. Der Wrap bottom unten ist zu lang - respektive geht bis ans Ende der Seite. Aber da komm ich auch noch dahinter.

linkbar.html

Code: Alles auswählen

<div class="linkbar" role="navigation">
	<div class="inner">

	<ul id="nav-header" class="nav-header linklist" role="menubar">


<li>
<a href="https://www.forum.my-tastenworld.ch/keyboard-links" title="KEYBOARDLINKS" role="menuitem">
				<i class="icon fa-suitcase fa-fw" aria-hidden="true"></i><span>KEYBOARDLINKS</span>
			</a>
		</li>
		
<li>
<a href="https://www.forum.my-tastenworld.ch/diverse-links" title=">DIVERSE LINKS" role="menuitem">
				<i class="icon fa-link fa-fw" aria-hidden="true"></i><span>DIVERSE LINKS</span>
			</a>
		</li>

<li>
<a href="https://www.forum.my-tastenworld.ch/keyboard-links" title="ON YOUTUBE" role="menuitem">
				<i class="icon fa-youtube fa-fw" aria-hidden="true"></i><span>ON YOUTUBE</span>
			</a>
		</li>

<li>
<a href="https://www.forum.my-tastenworld.ch/keyboard-links" title="ON FACEBOOK" role="menuitem">
				<i class="icon fa-facebook fa-fw" aria-hidden="true"></i><span>ON FACEBOOK</span>
			</a>
		</li>

	</ul>
	</div>
</div>

Edit: Der Fehler mit dem Footer scheint die Ursache in der Overall_ header.html zu haben, wo meine linkbar.html dann irgendwie falsch eingefügt wurde. Denn selbst, wenn ich den ganzen Inhalt der navbar_header.html einfüge, stimmt es unten beim footer nicht.

[Melmac]

Falls es eine geben sollte: was ist jetzt Deine Frage?

[Tastenplayer]

Falls es eine geben sollte: was ist jetzt Deine Frage?

Eigentliche Frage hatte sich ja erledigt Man müsste sich eben nur das Lehrlings-Tutorial auf YT nochmals genauer anschauen.
Hatte ich bereits als erledigt markitert diesen Beitrag.

Allerdings es gab dann doch noch Probleme. Jedoch wies scheint, war das ein extrem dummer Fehler. Habe ich jetzt auch behoben.

Ob die html Datei jetzt ganz korrekt ist - da bin ich mir definitiv unsicher. Aber angezeigt wird jetzt alles korrekt. Deshalb hoff ich mal, dass da alles korrekt ist.

Code: Alles auswählen

<div class="linkbar" role="navigation">
   <div class="inner">

   <ul id="nav-header" class="nav-header linklist" role="menubar">


<li>
<a href="https://www.forum.my-tastenworld.ch/keyboard-links" title="KEYBOARDLINKS" role="menuitem">
            <i class="icon fa-suitcase fa-fw" aria-hidden="true"></i><span>KEYBOARDLINKS</span>
         </a>
      </li>
      
<li>
<a href="https://www.forum.my-tastenworld.ch/diverse-links" title=">DIVERSE LINKS" role="menuitem">
            <i class="icon fa-link fa-fw" aria-hidden="true"></i><span>DIVERSE LINKS</span>
         </a>
      </li>

<li>
<a href="https://www.forum.my-tastenworld.ch/keyboard-links" title="ON YOUTUBE" role="menuitem">
            <i class="icon fa-youtube fa-fw" aria-hidden="true"></i><span>ON YOUTUBE</span>
         </a>
      </li>

<li>
<a href="https://www.forum.my-tastenworld.ch/keyboard-links" title="ON FACEBOOK" role="menuitem">
            <i class="icon fa-facebook fa-fw" aria-hidden="true"></i><span>ON FACEBOOK</span>
         </a>
      </li>

   </ul>
   </div>
</div>

[ externes Bild ]

[Melmac]

Hatte ich bereits als erledigt markitert diesen Beitrag.

Nein, nicht "markiert": irgendwo im Wust des mehrfach ergänzten Beitrags mal eine entsprechende Andeutung gemacht - das hat mit "markieren" nichts zu tun, wenn man das erst noch suchen muss ...

Editiere in dem Fall den Thementitel und füge z.B. ein [gelöst] hinzu, damit es auch jeder auf den ersten Blick erkennen kann und gut ist.

Ob die html Datei jetzt ganz korrekt ist - da bin ich mir definitiv unsicher.

Was denn jetzt?? Ich denke, die Sache ist gelöst (s.o.) - oder etwa doch nicht, wieder nicht, nicht so wirklich oder überhaupt?

Deshalb hoff ich mal, dass da alles korrekt ist.

Hast Du dazu eine konkrete Frage oder ist dies jetzt die verklausuliert, indirekte und kaschierte Aufforderung, Deinen Code zu kontrollieren und zu korrigieren?
Warum kannst Du nicht einfach klipp und klar schreiben, worum es geht, was das Problem ist und was Du dann von uns hierbei haben möchtest?

Und dann lieferst Du auch bitte allen hierbei relevanten Code und nicht immer nur Bruchstücke - oder Du erstellst endlich mal eine aktuelle Demo, in der der Style im zum Stand der Fragestellung aktuellen Stand einsehbar ist.
Warum das wichtig/erforderlich ist, brauche ich ja nicht noch einmal zu erläutern, oder?

[Tastenplayer]

Editiere in dem Fall den Thementitel und füge z.B. ein [gelöst] hinzu, damit es auch jeder auf den ersten Blick erkennen kann und gut ist.

Das hatte ich drei Mal gemacht. Jedes Mal wieder geändert, weil doch wo was nicht stimmte, was ich übersehen hatte(sollte nicht passieren, ist es aber leider).

Und dann lieferst Du auch bitte allen hierbei relevanten Code und nicht immer nur Bruchstücke

Ich war definitiv der Meinung, das der von mir eingefügte Code ausreichend ist für mein Problem.

Wie dem auch sei: Style im Liveboard ist jetzt aktualisiert. Ausser dem Copyright, das ja erst im 3.2.3 Style änderte. Hat leider etwas gedauert, weil ich gleichzeitig den ganzen Header neu konfigurierte und auch das Responsive neu angepasst habe.

Die schlussendlich gebliebene Frage ist noch ob es einen Fehler in der html Datei hat. Könnte ja sein, sieht jedoch soweit alles okay aus im Liveboard.

Code: Alles auswählen

<div class="linkbar" role="navigation">
   <div class="inner">

   <ul id="nav-header" class="nav-header linklist" role="menubar">


<li>
<a href="https://www.forum.my-tastenworld.ch/keyboard-links" title="KEYBOARD LINKS" role="menuitem">
            <i class="icon fa-suitcase fa-fw" aria-hidden="true"></i><span>KEYBOARD LINKS</span>
         </a>
      </li>
      
<li>
<a href="https://www.forum.my-tastenworld.ch/diverse-links" title=">DIVERSE LINKS" role="menuitem">
            <i class="icon fa-link fa-fw" aria-hidden="true"></i><span>DIVERSE LINKS</span>
         </a>
      </li>

<li>
<a href="https://www.forum.my-tastenworld.ch/keyboard-links" title="ON YOUTUBE" role="menuitem">
            <i class="icon fa-youtube fa-fw" aria-hidden="true"></i><span>ON YOUTUBE</span>
         </a>
      </li>

<li>
<a href="https://www.forum.my-tastenworld.ch/keyboard-links" title="ON FACEBOOK" role="menuitem">
            <i class="icon fa-facebook fa-fw" aria-hidden="true"></i><span>ON FACEBOOK</span>
         </a>
      </li>

   </ul>
   </div>
</div>

[Melmac]

Ich war definitiv der Meinung, das der von mir eingefügte Code ausreichend ist für mein Problem.

Muss ich Dir jetzt wirklich schon wieder erklären, warum ein paar Codeschnipsel und Screenshots nicht reichen ...
Liefere allen Code (HTML plus CSS) der sich auf das betreffende Element direkt und indirekt auswirkt und nicht immer nur das, wovon Du glaubst, dass es verantwortlich füre das Problem sein könnte.
Ansonsten artet auch dieses Topic wieder in ein endloses Palaver und Rumgestochere im Nebel aus - und damit ist weder Dir noch uns wirklich geholfen.
Vestehbar, oder?

Das hatte ich drei Mal gemacht. Jedes Mal wieder geändert, weil doch wo was nicht stimmte, was ich übersehen hatte

Dazu schreibe ich jetzt besser nichts ...

Wie dem auch sei: Style im Liveboard ist jetzt aktualisiert. Ausser dem Copyright, das ja erst im 3.2.3 Style änderte.

Du arbeitest an einem 3.2.3-Style - Dein Board (Deine "Demo") läuft dagegen noch unter 3.2.1 ... und demzufolge ist auch der Style dort ein 3.2.1-Style.
Anders ausgedrückt: "Demo"-Style und zu bearbeitender Style (= der Style, an dessen Code hier gearbeitet werden soll) sind nicht identisch - Dir fällt jetzt etwas auf?
Für eine aktuelle Demoseite musst Du auch kein Geld in die Hand nehmen, wenn das Dein Hostingpaket Deiner Meinung nach nicht hergibt: hierfür tuts auch ein Free Hoster mit FTP- und Datenbankzugriff, von denen es mehr als genug auf dem Markt gibt.

Wo kann ich den vollständigen/aktuellen Code dieses Styles, um den es hier konkret geht (Name des Styles?), jetzt einsehen?

Die schlussendlich gebliebene Frage ist noch ob es einen Fehler in der html Datei hat. Könnte ja sein, sieht jedoch soweit alles okay aus im Liveboard.

Mal angenommen, es gäbe da noch Fehler im Code, dann wäre die vollständige Antwort auf diese Formulierung ein "Ja, gibt es." Punkt.
Weil: mehr wird ja nicht gefragt ...
Deine Frage ist aber eine andere: "Könnte jemand bitte mal prüfen, ob der Code so korrekt ist und, wenn nicht, ihn korrigieren oder Korrekturhinweise posten?"
Also: Schreibs doch einfach direkt hin, was Du von uns hier gerne hättest, nicht immer so verklausuliert und von hinten durch die Brust ins Auge.
Ohne konkrete Fragestellung wirds auch keine konkreten Antworten geben können.

[Tastenplayer]

Deine Frage ist aber eine andere: "Könnte jemand bitte mal prüfen, ob der Code so korrekt ist und, wenn nicht, ihn korrigieren oder Korrekturhinweise posten?"

Also man kann aber auch zu kleinlich sein. Versteht doch jeder, was damit gemeint ist. Man kann nicht immer jedes geschriebene Wort auf die Goldwage legen - da wird man nie fertig
Muss das logisch dann noch zusammenschieben in der html Datei. Aber zum Bearbeiten geht es einfacher so.

Du arbeitest an einem 3.2.3-Style - Dein Board (Deine "Demo") läuft dagegen noch unter 3.2.1 ... und demzufolge ist auch der Style dort ein 3.2.1-Style.
Anders ausgedrückt: "Demo"-Style und zu bearbeitender Style (= der Style, an dessen Code hier gearbeitet werden soll) sind nicht identisch - Dir fällt jetzt etwas auf?

Doch, die Linkbar ist komplett gleich. Im Titel steht 3.2 nichts von 3.2.3
Wenn man in der responsiven Ansicht im Forum ist und einen Beitrag lesen will, fällt der Button wenigstens auf(nur das scheint nicht ganz so hinzuhauen mit meiner Lösung) Aber immerhin kann er dann nicht übersehen werden [ externes Bild ]
Edit: Was, allerdings nur in 3.2.3 so ist. In 3.2.1 wird immer das Quicklinks Icon angezeigt. Sehr komisch, aber deswegen ist mir das wohl auch erst heute aufgefallen.

Als Nebeneffekt der Linkbarerstellung ist mir erst aufgefallen, dass in der responsiven Ansicht das search icon nicht angzeigt wird. Heute ganze Datei neu erstellt, hat nichts genützt. Ausserdem installiert man die header banner ext. von Hifikabin, wird dann die Search header samt advanced search icon angezeigt

Nachträglich geändert weil: Das Bild des plötzlich angezeigten Buttons ist eben nur im 3.2.3 Style der Fall - siehe oben im Beitrag.

[Melmac]

Also man kann aber auch zu kleinlich sein.

Wenn Du meinst ...

[Tastenplayer]

Man fange komplett neu an
Füge den gesamten Inhalt der nav-header ein
lösche langsam den Inhalt
füge seine Links ein
Dann ist die Quicklinks immer da [ externes Bild ]
Allerdings jetzt keine Links mehr auf der Linkbar - die advanced search Funktion hätte ich da drinn lassen sollen, denn jetzt suche man nach der korrekten Lösung . Aber ja ich versuchs morgen wieder. Jetzt muss ich auch mal was arbeiten. (Alternativ könnte ich natürlich mehrere Quicklinks hinmachen . Vielleicht würde das ja gehen. ) [ externes Bild ]

Code: Alles auswählen

<div class="linkbar" role="navigation">
   <div class="inner">

	<ul id="nav-main" class="nav-main linklist" role="menubar">

		<li id="quick-links" class="quick-links dropdown-container responsive-menu<!-- IF not S_DISPLAY_LINKS --> hidden<!-- ENDIF -->" data-skip-responsive="true">
			<a href="#" class="dropdown-trigger">
				<i class="icon fa-bars fa-fw" aria-hidden="true"></i><span>My Links</span>
			</a>
			<div class="dropdown">
				<div class="pointer"><div class="pointer-inner"></div></div>
				<ul class="dropdown-contents" role="menu">

<li>
<a href="https://www.forum.my-tastenworld.ch/keyboard-links" title="KEYBOARD LINKS" role="menuitem">
            <i class="icon fa-suitcase fa-fw" aria-hidden="true"></i><span>KEYBOARD LINKS</span>
         </a>
</li>

<li>
<a href="https://www.forum.my-tastenworld.ch/diverse-links" title=">DIVERSE LINKS" role="menuitem">
            <i class="icon fa-link fa-fw" aria-hidden="true"></i><span>DIVERSE LINKS</span>
         </a>
</li>

<li>
<a href="https://www.forum.my-tastenworld.ch/keyboard-links" title="ON YOUTUBE" role="menuitem">
            <i class="icon fa-youtube fa-fw" aria-hidden="true"></i><span>ON YOUTUBE</span>
         </a>
 </li>

<li>
<a href="https://www.forum.my-tastenworld.ch/keyboard-links" title="ON FACEBOOK" role="menuitem">
            <i class="icon fa-facebook fa-fw" aria-hidden="true"></i><span>ON FACEBOOK</span>
         </a>
 </li>

				</ul>
			</li>
		</ul>
	</div>
</div>

[Kirk]

@Tastenplayer
Das macht auf dich und deine Styles keinen guten Eindruck wenn du nicht mal sowas erstellen kannst, wie willst du Support zu deinen Styles leisten.
Man bekommt hier Hilfe zur Selbsthilfe und nicht den kompletten Code vorgesetzt.
Du schreibst viel aber meinst wenig, man könnte meinen du machst nur Werbung für deine Styles (das wäre schlechte Werbung).
Gegenüber Hilfestellung ("Hilfe zur Selbsthilfe" ...) zeigt du dich ja völlig resistent.