Dropdown-Menu zur Sprachenerweiterung – SELFHTML-Forum Forum als Ergänzung zum SELFHTML-Wiki und zur Dokumentation SELFHTML https://forum.selfhtml.org/self Dropdown-Menu zur Sprachenerweiterung Sun, 26 Jul 20 12:03:34 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773798#m1773798 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773798#m1773798 <p>Hallo,</p> <p>ich habe mir nach längerem Suchen eines schlanken html5-Templates vor einiger Zeit ein selfhtml-Template angesehen und das könnte sich wohl insgesamt auch auf meine Bedürfnisse hin anpassen lassen. Dabei wollte ich zunächst auf ein Dropdown-Menu verzichten, um den Zugang möglichst barrierefrei zu gestalten. Ich hatte mit Deutsch und Englisch zwei Sprachversionen eingeplant und habe diese per Menupunkt umschaltbar angelegt.</p> <p>Nun scheint es aber sinnvoll, die Anzahl der Sprachen zu erweitern. Wenn ich es richtig verstanden habe, wäre zur Erhaltung der Barrierefreiheit nur eine Javascript-Lösung, wie sie <a href="https://wiki.selfhtml.org/wiki/JavaScript/Tutorials/zug%C3%A4ngliche_Dropdown-Navigation" rel="nofollow noopener noreferrer">hier</a> vorgestellt wird, möglich. Ich bin den Code mal durchgegangen, vermute aber, dass ich davon eigentlich nur einen Bruchteil für meine Herausforderung benötige.</p> <p>Zum besseren Verständnis füge ich hier einen Link zum responsive Layout mit ein: <a href="http://1.eyes2k.com" rel="nofollow noopener noreferrer">http://1.eyes2k.com</a> Der rechte Menu-Eintrag (de) soll beim Überfahren bzw. Anklicken nun mehrere Sprachen zur Auswahl anzeigen.</p> <p>Kann mir da jemand einen Tip geben, wie ich das schlank umsetzen kann?</p> <p>Beste Grüße und auch Geburtstagswünsche ans Forum, Gustav</p> Dropdown-Menu zur Sprachenerweiterung Sun, 26 Jul 20 12:12:00 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773799#m1773799 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773799#m1773799 <p>@@Gustav</p> <blockquote> <p>Der rechte Menu-Eintrag (de) soll beim Überfahren bzw. Anklicken nun mehrere Sprachen zur Auswahl anzeigen.</p> </blockquote> <p>Nein, funktioniert nicht. „de“ gibt (inbesondere anderssprachigen Nutzern (m/w/d)) keinerlei Hinweis über seine Funktion; es ist nicht erkennbar, dass es sich dabei um ein Sprachauswahlmenü handelt.</p> <p>(<a href="https://forum.selfhtml.org/self/2020/aug/03/bitte-prufen-vom-browser-angeforderte-sprachen-erkennen/1774119#m1774119" rel="noopener noreferrer">Bebilderte Beispiele</a> im anderen Thread.)</p> <p>Überhaupt sind <a href="https://www.w3.org/International/questions/qa-navigation-select" rel="nofollow noopener noreferrer">Auswahllisten zur Sprachauswahl problematisch</a>.</p> <p>Was spricht denn dagegen, die verfügbaren Sprachen anzuzeigen, wie es auf der eben verlinkten Seite gemacht wird?</p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> <em>“Turn off CSS. If the page makes no sense, fix your markup.”</em> —fantasai </div> Dropdown-Menu zur Sprachenerweiterung Sun, 26 Jul 20 12:30:15 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773801#m1773801 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773801#m1773801 <p>Hallo Gustav,</p> <blockquote> <p>Überhaupt sind Auswahllisten zur Sprachauswahl problematisch.</p> </blockquote> <p>und bevor Du daran denkst: Flaggen auch.</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> Dropdown-Menu zur Sprachenerweiterung Thu, 30 Jul 20 13:36:55 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773913#m1773913 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773913#m1773913 <p>Moin,</p> <p>die mehr als ausführliche Diskussion um die Benennung von Sprachen kann ich nicht ganz nachvollziehen.</p> <p>Es gibt internationale Normen. Die Einheit der elektrischen Spannung ist V, der (das) Meter m.</p> <p>Sprachkürzel sind nach ISO-639 genormt in lateinischer Schrift. Ich habe es vor vielen Jahren so gelöst:</p> <p><a href="/images/12bae13a-d267-11ea-9d62-b42e9947ef30.jpg" rel="noopener noreferrer"><img src="/images/12bae13a-d267-11ea-9d62-b42e9947ef30.jpg?size=medium" alt="Sprachen" title="Sprachen" loading="lazy"></a></p> <p>Damals noch guter Hoffnung, dass Veranstaltungen in ihren Dialekten angekündigt werden.</p> <p>Jetzt ein euer Aspekt:</p> <p>In welcher Sprache liefert ihr aus, wenn ihr de, en, nl anbietet, die Anfrage aber in ja kommt?</p> <p>Google gibt bei Aufruf von Seiten - so weit ich weiß - keine Sprache an. Bisher habe ich bei Aufruf von remso.de de geliefert, bei Aufruf von remso.eu oder remso.org en.</p> <p>Nun habe ich remso.de umgeleitet auf https://remso.eu - demnach werden sprachlose Makler und alle deren Leser die Oberfläche auf english bekommen.</p> <p>Moment mal - die Verwirrung ist ja noch größer. Google hats auf en bekommen und kündigt an: „New Events - remso.eu“ beim Aufruf dieser Fundstelle sendet mein Browser aber de und ich erhalte die Seite unter dem Titel „Neue Veranstaltungen“.</p> <p>Linuchs</p> Dropdown-Menu zur Sprachenerweiterung Sun, 26 Jul 20 13:17:26 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773804#m1773804 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773804#m1773804 <p>Mein lieber Gunnar,</p> <blockquote> <p>Nein, funktioniert nicht. „de“ gibt (inbesondere anderssprachigen Nutzern (m/w/d)) keinerlei Hinweis über seine Funktion; es ist nicht erkennbar, dass es sich dabei um ein Sprachauswahlmenü handelt.</p> </blockquote> <p>Man kann sich natürlich beliebig blöd stellen, aber "de" nicht als Sprachauswahl zu erkennen, das schafft vermutlich nicht einmal der derzeitige us-amerikanische Präsident...</p> <p>(was selbstverständlich das sonst von Dir Gepostete in keiner Weise in Abrede stellen soll )</p> Dropdown-Menu zur Sprachenerweiterung Sun, 26 Jul 20 14:59:39 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773811#m1773811 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773811#m1773811 <p>Hallo an alle,</p> <p>ausgeschriebene Sprachnamen mögen noch nutzerfreundlicher sein, mir erscheint es aber too much. Das Beispiel der von dir, Gunnar verlinkten W3C-Seite zeigt das eigentlich auch. Auf kleinem Dipslay bricht es nach meinem Eindruck dann grafisch sogar auseinander.</p> <p>Die Verwendung von zwei Buchstaben sehe ich auf anderen Seiten nicht nur regelmäßig sondern inzwischen fast überwiegend und habe insofern nicht den Eindruck, dass das eine Nutzer-Überforderung darstellen könnte, sondern sich eher zu einem Standard entwickelt hat. Da ich die Sprachauswahl auf jeder Unterseite anbieten möchte, erscheint es mir die sinnvollste Lösung. Die Auswahl über ein Dropdown-Menu vornehmen zu lassen, würde die Darstellung im konkreten Fall zudem auch auf kleineren Displays sortiert lassen.</p> <p>Was spricht vor diesem Hintergrund denn gegen ein Dropdown-Menu mit javascript?</p> <p>Schöne Grüße, Gustav</p> Dropdown-Menu zur Sprachenerweiterung Sun, 26 Jul 20 14:13:49 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773806#m1773806 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773806#m1773806 <p>Hallo,</p> <blockquote> <p>Man kann sich natürlich beliebig blöd stellen, aber "de" nicht als Sprachauswahl zu erkennen, das schafft vermutlich nicht einmal der derzeitige us-amerikanische Präsident...</p> </blockquote> <p>dem traut man ja vieles vermutlich zu Unrecht zu. Aber warum genau meinst du, dass er in Lage ist, etwas das er möglicherweise mit "germ" abkürzen würde, mit "de" zu assoziieren?</p> <p>Gruß<br> Kalk</p> Dropdown-Menu zur Sprachenerweiterung Sun, 26 Jul 20 14:17:15 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773807#m1773807 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773807#m1773807 <blockquote> <blockquote> <p>Man kann sich natürlich beliebig blöd stellen, aber "de" nicht als Sprachauswahl zu erkennen, das schafft vermutlich nicht einmal der derzeitige us-amerikanische Präsident...</p> </blockquote> <p>dem traut man ja vieles vermutlich zu Unrecht zu. Aber warum genau meinst du, dass er in Lage ist, etwas das er möglicherweise mit "germ" abkürzen würde, mit "de" zu assoziieren?</p> </blockquote> <p>Ist ohnehin ein unsinniges Argument (schon von Gunnar) Wieso sollte "Mr.President" (oder andere nicht-deutschsprachige) das überhaupt erkennen sollen? Fremdsprachler erkennen entweder ihr eigenes Kürzel –sofern vorhanden– oder "en"</p> <div class="signature">-- <br> Stur lächeln und winken, Männer! </div> Dropdown-Menu zur Sprachenerweiterung Sun, 26 Jul 20 14:55:14 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773809#m1773809 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773809#m1773809 <p>Hi there,</p> <blockquote> <blockquote> <p>Man kann sich natürlich beliebig blöd stellen, aber "de" nicht als Sprachauswahl zu erkennen, das schafft vermutlich nicht einmal der derzeitige us-amerikanische Präsident...</p> </blockquote> <p>dem traut man ja vieles vermutlich zu Unrecht zu. Aber warum genau meinst du, dass er in Lage ist, etwas das er möglicherweise mit "germ" abkürzen würde, mit "de" zu assoziieren?</p> </blockquote> <p>Das bezog sich eher auf seine prinzipiellen kognitiven Fähigkeiten als auf das konkrete Beispiel. Ich denke, die Botschaft hab' ich trotzdem 'rübergebracht.</p> <p>Natürlich gibt es wesentlich bessere und auch von Gunnar verlinkte Möglichkeiten, eine Sprachauswahl zu gestalten. Ich hab mich nur an der Behauptung gestört, daß es bei "de" nicht erkennbar sei (er schreibt ja sogar von "keinerlei" Hinweis), dass es sich dabei um ein Sprachauswahlmenü handelt.</p> <p>Und vor allem - entscheidend ist ja nicht, daß irgendein amerikanischer ******präsident ein "de" erkennt sondern daß ein was auch immer Sprechender <em>seine</em> Auswahl erkennt.</p> <p>Wenn man natürlich der Meinung ist, daß man jemandem, der ohnehin nicht deutsch spricht (denn sonst würde er "de" ja verstehen), die unglaubliche reizvolle Möglichkeit nimmt, die Seite in einer ihm völlig fremden Sprache zu betrachten ("lesen" kann man das ja wohl nicht nennen), dann, ja dann und nur dann macht der Einwand von Gunnar einen echten Sinn. Aber spätestens da sind wir an einem Punkt, wo man die Usability, um es vorsichtig zu formulieren, zart übertrieben hat...</p> Dropdown-Menu zur Sprachenerweiterung Sun, 26 Jul 20 15:01:36 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773812#m1773812 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773812#m1773812 <p>@@kai345</p> <blockquote> <p>Fremdsprachler erkennen entweder ihr eigenes Kürzel</p> </blockquote> <p>Nein. Warum sollte ein Mandarinsprecher „zh“ als Kürzel für Chinesisch erkennen?</p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> <em>“Turn off CSS. If the page makes no sense, fix your markup.”</em> —fantasai </div> Dropdown-Menu zur Sprachenerweiterung Sun, 26 Jul 20 15:04:18 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773813#m1773813 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773813#m1773813 <p>Hallo,</p> <blockquote> <p>Wenn man natürlich der Meinung ist, daß man jemandem, der ohnehin nicht deutsch spricht (denn sonst würde er "de" ja verstehen), die unglaubliche reizvolle Möglichkeit nimmt, die Seite in einer ihm völlig fremden Sprache zu betrachten ("lesen" kann man das ja wohl nicht nennen), dann, ja dann und nur dann macht der Einwand von Gunnar einen echten Sinn. Aber spätestens da sind wir an einem Punkt, wo man die Usability, um es vorsichtig zu formulieren, zart übertrieben hat...</p> </blockquote> <p>das erinnert mich an eine Silvesterfeier vor einigen Jahren. Wir waren bei der Verwandtschaft im Raum München zu Besuch, und zu vorgerückter Stunde (und entsprechendem Promille-Pegel) kam meine Tante mit der Bedienungsanleitung eines Küchengeräts an. In ungefähr einem Dutzend Sprachen. Und dann hieß es: Jeder soll bitte mal einen Absatz in einer völlig fremden Sprache vorlesen.</p> <p>Mir ist Finnisch zugelost worden.</p> <p>Aber auch als andere Familienmitglieder Türkisch, Polnisch oder Kroatisch vorgelesen haben (mit dem richtigen Pegel geht das prima!), lagen wir teilweise vor Lachen unter dem Tisch.</p> <p>Live long and <s>pros</s> healthy,<br>  Martin</p> <div class="signature">-- <br> Home is where my beer is. </div> Dropdown-Menu zur Sprachenerweiterung Sun, 26 Jul 20 15:09:19 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773815#m1773815 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773815#m1773815 <p>@@Gustav</p> <blockquote> <p>Die Verwendung von zwei Buchstaben sehe ich auf anderen Seiten nicht nur regelmäßig sondern inzwischen fast überwiegend und habe insofern nicht den Eindruck, dass das eine Nutzer-Überforderung darstellen könnte</p> </blockquote> <p>Von deinem höchst subjektiven Eindruck solltest du dich nicht überwältigen lassen. Wenn du Klarheit willst, mach einen Nutzertest.</p> <p>Es mag spezielle Nutzergruppen geben, denen die Sprachkürzel vertraut sind. Es mag andere geben, denen die damit nichts anfangen können.</p> <blockquote> <p>Da ich die Sprachauswahl auf jeder Unterseite anbieten möchte, erscheint es mir die sinnvollste Lösung.</p> </blockquote> <p>Die sinnvollste Lösung zur Sprachauswahl ist die, die keine Nutzerinteraktion erfordert: <a href="https://www.w3.org/International/questions/qa-when-lang-neg" rel="nofollow noopener noreferrer">Sprachvereinbarung (language negotiation)</a>. (Welche auch auf verlinkter Seite zum Einsatz kommt.)</p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> <em>“Turn off CSS. If the page makes no sense, fix your markup.”</em> —fantasai </div> Dropdown-Menu zur Sprachenerweiterung Sun, 26 Jul 20 15:06:18 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773814#m1773814 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773814#m1773814 <p>Hallo,</p> <blockquote> <blockquote> <p>Fremdsprachler erkennen entweder ihr eigenes Kürzel</p> </blockquote> <p>Nein. Warum sollte ein Mandarinsprecher „zh“ als Kürzel für Chinesisch erkennen?</p> </blockquote> <p>warum nicht? Weil es "seins" ist?</p> <p>Live long and <s>pros</s> healthy,<br>  Martin</p> <div class="signature">-- <br> Home is where my beer is. </div> Dropdown-Menu zur Sprachenerweiterung Sun, 26 Jul 20 15:11:36 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773816#m1773816 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773816#m1773816 <p>Hi there,</p> <blockquote> <p>das erinnert mich an eine Silvesterfeier vor einigen Jahren. Wir waren bei der Verwandtschaft im Raum München zu Besuch, und zu vorgerückter Stunde (und entsprechendem Promille-Pegel) kam meine Tante mit der Bedienungsanleitung eines Küchengeräts an. In ungefähr einem Dutzend Sprachen. Und dann hieß es: Jeder soll bitte mal einen Absatz in einer völlig fremden Sprache vorlesen.</p> </blockquote> <p>Naja, ich sag's einmal so: wer sich an eine Silvesterfeier erinnern kann, der hat sie nicht erlebt... </p> Dropdown-Menu zur Sprachenerweiterung Sun, 26 Jul 20 15:22:39 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773818#m1773818 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773818#m1773818 <p>@@Der Martin</p> <blockquote> <blockquote> <blockquote> <p>Fremdsprachler erkennen entweder ihr eigenes Kürzel</p> </blockquote> <p>Nein. Warum sollte ein Mandarinsprecher „zh“ als Kürzel für Chinesisch erkennen?</p> </blockquote> <p>warum nicht? Weil es "seins" ist?</p> </blockquote> <p>Warum sollte ein Mandarinsprecher überhaupt lateinische Buchstaben kennen müssen, um zur Seite in chinesischer Schrift zu gelangen?</p> <p>Anderes Beispiel: Warum sollte eine Griechin wissen, dass „el“ für Griechisch steht?</p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> <em>“Turn off CSS. If the page makes no sense, fix your markup.”</em> —fantasai </div> Dropdown-Menu zur Sprachenerweiterung Sun, 26 Jul 20 16:17:49 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773826#m1773826 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773826#m1773826 <p>Hallo Gunnar,</p> <p>Danke für deine Anregung der Sprachvereinbarung. Da es hierbei einige Nachteile geben kann, möchte ich dem Nutzer überlassen, sich auf der Seite auch anders entscheiden zu können.</p> <p>Für die Bezeichnung der Sprachen präferiere ich aus den genannten Gründen die 2 Buchstaben-Lösung (bis auf englisch die TLDs), deshalb noch einmal die Frage:</p> <p>Was spricht denn ansosnten gegen ein Dropdown-Menu mit javascript?</p> <p>Schöne Grüße, Gustav</p> Dropdown-Menu zur Sprachenerweiterung Sun, 26 Jul 20 15:49:10 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773820#m1773820 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773820#m1773820 <p>Hi there,</p> <blockquote> <p>Anderes Beispiel: Warum sollte eine Griechin wissen, dass „el“ für Griechisch steht</p> </blockquote> <p>Weil sie das, oder zumindest "ελ" schon hunderte, ja tausende Male auf Webseiten gesehen hat?</p> <p>(nur so als Erklärungsversuch, aber wie schon geschrieben, blöd stellen darf sich jeder, sanktionsfrei. Ich seh' sie schon vor mir, die Abermillionen Deutschen, Österreicher und Schweizer, wie sie fassungslos und grübelnd stundenlang vor einer Abkürzung "de." sitzen und nicht weiterwissen...)</p> Dropdown-Menu zur Sprachenerweiterung Sun, 26 Jul 20 16:02:16 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773824#m1773824 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773824#m1773824 <p>Hallo,</p> <blockquote> <blockquote> <p>Anderes Beispiel: Warum sollte eine Griechin wissen, dass „el“ für Griechisch steht</p> </blockquote> <p>Weil sie das, oder zumindest "ελ" schon hunderte, ja tausende Male auf Webseiten gesehen hat?</p> </blockquote> <p>als ελ vielleicht nicht, aber el ist Teil eines internationalen Standards, den man zumindest in dem Teilbereich kennen sollte, der einen selbst betrifft.</p> <blockquote> <p>nur so als Erklärungsversuch</p> </blockquote> <p>Schon klar.</p> <blockquote> <p>aber wie schon geschrieben, blöd stellen darf sich jeder, sanktionsfrei. Ich seh' sie schon vor mir, die Abermillionen Deutschen, Österreicher und Schweizer, wie sie fassungslos und grübelnd stundenlang vor einer Abkürzung "de." sitzen und nicht weiterwissen...)</p> </blockquote> <p> </p> <p>Live long and <s>pros</s> healthy,<br>  Martin</p> <div class="signature">-- <br> Home is where my beer is. </div> Dropdown-Menu zur Sprachenerweiterung Sun, 26 Jul 20 16:13:41 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773825#m1773825 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773825#m1773825 <p>@@klawischnigg</p> <blockquote> <p>blöd stellen darf sich jeder, sanktionsfrei.</p> </blockquote> <p>Dein Denkfehler. Wenn jemand eine Webseite nicht bedienen kann, dann ist nicht der Nutzer der Blöde, sondern der Seitenentwickler.</p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> <em>“Turn off CSS. If the page makes no sense, fix your markup.”</em> —fantasai </div> Dropdown-Menu zur Sprachenerweiterung Sun, 26 Jul 20 17:07:05 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773833#m1773833 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773833#m1773833 <p>@@Der Martin</p> <blockquote> <p>als ελ vielleicht nicht, aber el ist Teil eines internationalen Standards, den man zumindest in dem Teilbereich kennen sollte, der einen selbst betrifft.</p> </blockquote> <p>Nein. Als normaler Internetnutzer muss man noch nie von ISO 639-1 gehört haben, um sich durchs Web zu bewegen.</p> <p>Außerdem: Wie Gustav das vorhat zu implmentieren, muss man ja erstmal „de“ kennen, um dahinter eine Sprachauswahl zu vermuten. Und „de“ geht für Nichtdeutschsprecher über den Teilbereich hinaus, der sie selbst betrifft.</p> <p lang="en"> Stay hard! Stay hungry! Stay alive! *<em>Stay home!</em></p> <div class="signature">-- <br> <em>“Turn off CSS. If the page makes no sense, fix your markup.”</em> —fantasai </div> Dropdown-Menu zur Sprachenerweiterung Sun, 26 Jul 20 16:18:03 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773827#m1773827 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773827#m1773827 <p>Hi there,</p> <blockquote> <blockquote> <p>blöd stellen darf sich jeder, sanktionsfrei.</p> </blockquote> <p>Dein Denkfehler. Wenn jemand eine Webseite nicht bedienen kann, dann ist nicht der Nutzer der Blöde, sondern der Seitenentwickler.</p> </blockquote> <p>In der Tat. Dieser Denkfehler und der Umstand, noch dümmer zu sein als ein Anwender, der "de" nicht versteht, machen mich endlich glaubhaft geeignet für betreutes Denken und vorzeitige Ruhestandsprogramme...</p> Dropdown-Menu zur Sprachenerweiterung Sun, 26 Jul 20 16:32:47 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773828#m1773828 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773828#m1773828 <p>Hallo,</p> <blockquote> <p>Danke für deine Anregung der Sprachvereinbarung.<br> Da es hierbei einige Nachteile geben kann, möchte ich dem Nutzer überlassen, sich auf der Seite auch anders entscheiden zu können.</p> </blockquote> <p>das ist gut und richtig - Language Negotiation dürfte in den allermeisten Fällen die richtige, vom Nutzer gewollte Sprache ergeben. Für die seltenen Fälle, wo's mal nicht passt (sei es weil man einen fremdsprachigen Gast hat, der den Rechner mal benutzen darf, oder auch nur weil man selbst mal sehen will, wie denn dieser Absatz in Französisch lautet), sollte man auf jeden Fall eine Möglichkeit vorsehen, die automatische Sprachauswahl zu übersteuern.</p> <blockquote> <p>Für die Bezeichnung der Sprachen präferiere ich aus den genannten Gründen die 2 Buchstaben-Lösung (bis auf englisch die TLDs)</p> </blockquote> <p>Achtung: Das stimmt nur "zufällig" bei einigen Ländern überein! Die Länder- und Sprachkürzel nach ISO 3166 sind separat definiert. Das geht schon bei Dänemark (DK) vs. dänische Sprache (da) los, oder Japan (JP) vs. japanische Sprache (ja).</p> <p>Ganz zu schweigen von Ländern, in denen mehrere Sprachen gesprochen werden und keine davon eine deutliche Mehrheit darstellt (z.B. Schweiz, Belgien). Oder umgekehrt: Sprachen, die in mehreren Ländern gesprochen werden (Englisch, Spanisch, Arabisch, Deutsch).</p> <blockquote> <p>Was spricht denn ansosnten gegen ein Dropdown-Menu mit javascript?</p> </blockquote> <p>Nur die Tatsache, dass es nicht mehr funktioniert, wenn Javascript aus irgendeinem Grund mal nicht zur Verfügung steht.</p> <p>Live long and <s>pros</s> healthy,<br>  Martin</p> <div class="signature">-- <br> Home is where my beer is. </div> Dropdown-Menu zur Sprachenerweiterung Sun, 26 Jul 20 16:48:46 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773829#m1773829 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773829#m1773829 <p>@@Gustav</p> <blockquote> <p>Danke für deine Anregung der Sprachvereinbarung. Da es hierbei einige Nachteile geben kann,</p> </blockquote> <p>Nein, es kann dabei keine Nachteile geben.</p> <blockquote> <p>möchte ich dem Nutzer überlassen, sich auf der Seite auch anders entscheiden zu können.</p> </blockquote> <p>Natürlich muss ein Sprachauswahlmenü vorhanden sein, um den Nutzern das letzte Wort zu geben. Steht doch auch genau so im verlinkten Artikel.</p> <blockquote> <p>Für die Bezeichnung der Sprachen präferiere ich aus den genannten Gründen die 2 Buchstaben-Lösung</p> </blockquote> <p>Was du präferierst, ist irrelevant. Was präferieren die Nutzer deiner Seiten?</p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> <em>“Turn off CSS. If the page makes no sense, fix your markup.”</em> —fantasai </div> Dropdown-Menu zur Sprachenerweiterung Sun, 26 Jul 20 16:57:50 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773831#m1773831 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773831#m1773831 <p>@@Der Martin</p> <blockquote> <blockquote> <p>Für die Bezeichnung der Sprachen präferiere ich aus den genannten Gründen die 2 Buchstaben-Lösung (bis auf englisch die TLDs)</p> </blockquote> <p>Achtung: Das stimmt nur "zufällig" bei einigen Ländern überein! Die Länder- und Sprachkürzel nach ISO 3166 sind separat definiert. Das geht schon bei Dänemark (DK) vs. dänische Sprache (da) los, oder Japan (JP) vs. japanische Sprache (ja).</p> </blockquote> <p>Ich führte ja schon Griechisch (el) an – vs. Griechenland (GR).</p> <p>Aber man muss gar nicht in die Ferne schweifen, direkt in der Nachbarschaft: Tschechien (CZ) vs. tschechisch (cs). Oder gleich hinterm Badewannenrand: Schweden (SE) vs. schwedisch (sv).</p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> <em>“Turn off CSS. If the page makes no sense, fix your markup.”</em> —fantasai </div> Dropdown-Menu zur Sprachenerweiterung Sun, 26 Jul 20 17:06:07 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773832#m1773832 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773832#m1773832 <p>Hallo Martin,</p> <blockquote> <blockquote> <p>Was spricht denn ansosnten gegen ein Dropdown-Menu mit javascript?</p> </blockquote> <p>Nur die Tatsache, dass es nicht mehr funktioniert, wenn Javascript aus irgendeinem Grund mal nicht zur Verfügung steht.</p> </blockquote> <p>nein. Das angesprochene Menü im Wiki verwendet Javascript nur für einige Komfortfunktionen, die man aber bei nur einem Menu-Block garnicht benötigt.</p> <p>Das Menü basiert auf details/summary. Bis auf alte IE/Edge kommt damit jeder Browser klar, ohne Javascript.</p> <p><a href="/users/12701" class="mention registered-user" rel="noopener noreferrer">@Gustav</a><br> Ich würde bei bis zu drei oder vier Sprachen auf ein Menü verzichten und die Sprachkürzel immer sichtbar nebeneinander setzen, z.B.</p> <p>de en es fr</p> <p>Wenn es zu Unsicherheiten bei den Besuchern kommt, könnte man auch noch vor oder über die Sprachauswahllinks so etwas wie „Weitere Sprachen:“ setzen.</p> <p>Wenn man so etwas auf einer Seite sieht, dürfte eigentlich (?) jedem klar sein, das es sich um eine Sprachauswahl handelt. Mein Arbeitgeber macht es so, und der hat seine Seiten u.A. von „Leuten von der Straße“ beurteilen lassen. Viele haben übrigens gefragt, warum man keine Flaggen nimmt.</p> <p>Gruß<br> Jürgen</p> Dropdown-Menu zur Sprachenerweiterung Sun, 26 Jul 20 17:14:29 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773835#m1773835 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773835#m1773835 <p>@@JürgenB</p> <blockquote> <p>Ich würde bei bis zu drei oder vier Sprachen auf ein Menü verzichten und die Sprachkürzel immer sichtbar nebeneinander setzen, z.B.</p> <p>de en es fr</p> </blockquote> <p>Schlechtes Beispiel. Du hast ausschließlich Sprachen verwendet, wo das Sprachkürzel mit dem Landeskürzel eines(!) Landes übereinstimmt, in dem diese Sprache gesprochen wird. Westeuropäische Beschränktheit.</p> <p>Nochmal: Was spricht dagegen, <em>deutsch</em> <em lang="en">English</em> <em lang="es">español</em> <em lang="fr">français</em> auszuschreiben? (Und sage niemand Platzmangel! Platzmangel gibt es auf Webseiten nicht.)</p> <blockquote> <p>Wenn es zu Unsicherheiten bei den Besuchern kommt, könnte man auch noch vor oder über die Sprachauswahllinks so etwas wie „Weitere Sprachen:“ setzen.</p> </blockquote> <p>In welcher Sprache sollte denn „Weitere Sprachen:“ stehen?</p> <blockquote> <p>Wenn man so etwas [de en es fr] auf einer Seite sieht, dürfte eigentlich (?) jedem klar sein, das es sich um eine Sprachauswahl handelt.</p> </blockquote> <p>Nein.</p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> <em>“Turn off CSS. If the page makes no sense, fix your markup.”</em> —fantasai </div> Dropdown-Menu zur Sprachenerweiterung Sun, 26 Jul 20 17:16:13 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773836#m1773836 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773836#m1773836 <p>Hallo JürgenB,</p> <blockquote> <p>de en es fr</p> <p>Wenn es zu Unsicherheiten bei den Besuchern kommt, könnte man auch noch vor oder über die Sprachauswahllinks so etwas wie „Weitere Sprachen:“ setzen.</p> <p>Wenn man so etwas auf einer Seite <strong>sieht</strong>, dürfte eigentlich (?) jedem klar sein, das es sich um eine Sprachauswahl handelt. Mein Arbeitgeber macht es so, und der hat seine Seiten u.A. von „Leuten von der Straße“ beurteilen lassen. Viele haben übrigens gefragt, warum man keine Flaggen nimmt. [Hervorhebung von mir]</p> </blockquote> <p>Ich denke auch, dass sich dies inzwischen zu einem Standard entwickelt hat, gefühlt erwartet man eine solche Auswahl oben rechts. Für Nichtsehende dürfen auf jeden Fall die entsprechenden aria-Angaben nicht vergessen werden, sonst fragt er sich vielleicht, was <em>Defrenes</em> bedeuten soll.</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Du kannst das Projekt SELFHTML unterstützen,<br> indem du bei Amazon-Einkäufen <a href="https://smile.amazon.de/ch/314-570-45498" rel="nofollow noopener noreferrer">Amazon smile</a> (<a href="https://www.amazon.de/gp/help/customer/display.html?ie=UTF8&nodeId=202035970%5D" rel="nofollow noopener noreferrer">Was ist das?</a>) nutzt. </div> Dropdown-Menu zur Sprachenerweiterung Mon, 27 Jul 20 10:01:10 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773859#m1773859 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773859#m1773859 <p>Hallo an alle,</p> <p>...ich möchte mal ein Zwischenfazit ziehen. Offenbar gibt es zum Thema Sprachauswahl einiges mehr zu berücksichtigen.</p> <ol> <li>Die automatisierte Sprachvereinbarung sollte genutzt werden und eine weitere Auswahl auf der Seite ist ebenfalls ratsam.</li> <li>Oben rechts auf der Webseite ist dabei eine gängige Position. 3.a Bei wenigen Sprachen sind direkte Links durchaus sinnvoll. 3.b Bei mehr als 5 Sprachen kann ein Dropdown-Menu sinnvoll werden.</li> <li>Sprachkürzel nach der ISO-Norm 3166-1 sind nicht selten zu finden, aber es gibt auch die Perspektve, die Sprachnamen auszuschreiben und dann auch möglichst in der sprachentypischen Art mit Groß- oder Kleinschreibung. Es gibt auch Mischformen, wo die Anzeige aus den ISO-Kürzeln besteht, bei Aktivieren des Menus dann aber die ausgeschriebenen Sprachnamen zu lesen sind.</li> <li>Auch ist zu berücksichtigen, ob allein Sprachen der westlichen Hemisphäre angeboten werden.</li> </ol> <p>In meinem konkreten Fall sollen es voraussichtlich 8-10 Sprachen sein, deren Schriftsystem mit UTF-8 darzustellen ist. Für eine Darstellung im Dropdown-Menu könnte ich mir eine Mischform vorstellen, so dass nach automatisierter Sprachvereinbarung bei Aufruf der Seite das in aller Regel für Nutzer* bekannte ISO-3166-1 Sprachkürzel und bei Überfahren des Menupunktes eine Liste der Sprachen mit den Namen in ausgeschriebener Form erscheint.</p> <p>Damit wäre zumindest auch meinem Anliegen einer in allen Display-Größen aufgeräumten und systematisch möglichst gleichen Darstellung Rechnung getragen.</p> <p><a href="/users/68" class="mention registered-user" rel="noopener noreferrer">@JürgenB</a></p> <blockquote> <p>nein. Das angesprochene Menü im Wiki verwendet Javascript nur für einige Komfortfunktionen, die man aber bei nur einem Menu-Block garnicht benötigt.</p> <p>Das Menü basiert auf details/summary. Bis auf alte IE/Edge kommt damit jeder Browser klar, ohne Javascript.</p> </blockquote> <p>Wäre das auf meine Herausforderung übertragbar?</p> <p>Euch einen guten Wochenstart, Gustav</p> Dropdown-Menu zur Sprachenerweiterung Mon, 27 Jul 20 07:09:04 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773844#m1773844 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773844#m1773844 <p>Hallo Gunnar,</p> <blockquote> <blockquote> <p>Ich würde bei bis zu drei oder vier Sprachen auf ein Menü verzichten und die Sprachkürzel immer sichtbar nebeneinander setzen, z.B.</p> <p>de en es fr</p> </blockquote> <p>Schlechtes Beispiel. Du hast ausschließlich Sprachen verwendet, wo das Sprachkürzel mit dem Landeskürzel eines(!) Landes übereinstimmt, in dem diese Sprache gesprochen wird. Westeuropäische Beschränktheit.</p> </blockquote> <p>OK, mit diesen Kürzeln habe ich hin und wieder zu tun. Aber: wie viele Besucher kennen die TLD-Kürzel, wie viele Besucher die Sprachkürzel nach Norm …? Oder wäre es besser, die Länderkürzel vom KFZ-Kennzeichen zu nehmen? Wobei TLD/Kennzeichen <=> Sprache nicht immer eindeutig ist. Oder sollte man das nehmen, wovon man glaubt (oder aus Tests weiß), das es die Besucher kennen?</p> <blockquote> <p>Nochmal: Was spricht dagegen, <em>deutsch</em> <em lang="en">English</em> <em lang="es">español</em> <em lang="fr">français</em> auszuschreiben? (Und sage niemand Platzmangel! Platzmangel gibt es auf Webseiten nicht.)</p> </blockquote> <p>Wenn es wenige Sprachen sind, nichts. Auf einer meiner Seiten steht oben rechts „English Version“. Bei vielen Sprachen (z.B. >10) wird der Platz zwar nicht eng, aber der Sprachwahlblock recht dominierend.</p> <blockquote> <blockquote> <p>Wenn es zu Unsicherheiten bei den Besuchern kommt, könnte man auch noch vor oder über die Sprachauswahllinks so etwas wie „Weitere Sprachen:“ setzen.</p> </blockquote> <p>In welcher Sprache sollte denn „Weitere Sprachen:“ stehen?</p> </blockquote> <p>ehrliche Antwort: keine Ahnung. Ich habe auf einer anderen Seite den Google-Übersetzer eingerichtet, der Button zum Auswahlmenü hat den Text „Translate by Google“.</p> <blockquote> <blockquote> <p>Wenn man so etwas [de en es fr] auf einer Seite sieht, dürfte eigentlich (?) jedem klar sein, das es sich um eine Sprachauswahl handelt.</p> </blockquote> <p>Nein.</p> </blockquote> <p>OK, da haben die Userbefragungen der Agentur, die die Seiten meines Arbeitgebers designed hat, etwas Anderes ergeben.</p> <p>Gruß<br> Jürgen</p> Dropdown-Menu zur Sprachenerweiterung Mon, 27 Jul 20 08:24:22 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773853#m1773853 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773853#m1773853 <p>Hi,</p> <blockquote> <p>In welcher Sprache sollte denn „Weitere Sprachen:“ stehen?</p> </blockquote> <p>Hintereinander in allen betroffenen Sprachen - in einem marquee-Element ;-)</p> <p>cu,<br> Andreas a/k/a MudGuard</p> Dropdown-Menu zur Sprachenerweiterung Thu, 30 Jul 20 18:12:38 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773930#m1773930 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773930#m1773930 <blockquote> <p>Nochmal: Was spricht dagegen, <em>deutsch</em> <em lang="en">English</em> <em lang="es">español</em> <em lang="fr">français</em> auszuschreiben? (Und sage niemand Platzmangel! Platzmangel gibt es auf Webseiten nicht.)</p> </blockquote> <p>Das Argument finde ich bei z.B. 30 ausgeschriebenen Sprachen uffem Smartphone irgendwie schwierig. Erhellen Sie mich bitte, Herr Bittersmann.</p> Dropdown-Menu zur Sprachenerweiterung Mon, 27 Jul 20 08:55:08 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773856#m1773856 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773856#m1773856 <p>@@JürgenB</p> <blockquote> <p>Aber: wie viele Besucher kennen die TLD-Kürzel, wie viele Besucher die Sprachkürzel nach Norm …?</p> </blockquote> <p>Landeskürzel ≙ Land ≙ Flagge – und <a href="https://bittersmann.de/articles/no-flags/" rel="nofollow noopener noreferrer">Flaggen stehen nicht für Sprachen.</a> Auch Landeskürzel stehen nicht für Sprachen.</p> <blockquote> <p>Oder wäre es besser, die Länderkürzel vom KFZ-Kennzeichen zu nehmen?</p> </blockquote> <p>Nein, IMHO. Es ist schon ärgerlich genug, dass es verschiedene Systeme gibt (ISO 3166, KFZ, Sport). Noch ärgerlicher wird’s, wenn die außerhalb ihres Kontexts verwendet werden. Warum sollte ein Internetnutzer KFZ-Kennzeichen kennen? Für Länder (nicht für Sprachen) würde ich im Netz ISO 3166 verwenden, aber:</p> <p>Es wäre besser, erstmal zu hinterfragen, ob man überhaupt Kürzel verwenden sollte.</p> <blockquote> <blockquote> <blockquote> <p>Wenn man so etwas [de en es fr] auf einer Seite sieht, dürfte eigentlich (?) jedem klar sein, das es sich um eine Sprachauswahl handelt.</p> </blockquote> <p>Nein.</p> </blockquote> <p>OK, da haben die Userbefragungen der Agentur, die die Seiten meines Arbeitgebers designed hat, etwas Anderes ergeben.</p> </blockquote> <p>Wenn ihr durch Nutzertest mit Nutzern <em>aus eurer Zielgruppe</em> herausgefunden habt, dass Kürzel <em>für eure Zielgruppe</em> OK sind, dann könnt ihr die <em>für eure Zielgruppe</em> verwenden.</p> <p>Man muss sich nur dafür hüten, das auf <em>andere</em> Zielgruppen zu übertragen.</p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> <em>“Turn off CSS. If the page makes no sense, fix your markup.”</em> —fantasai </div> Dropdown-Menu zur Sprachenerweiterung Mon, 27 Jul 20 09:07:03 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773857#m1773857 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773857#m1773857 <p>@@MudGuard</p> <blockquote> <blockquote> <p>In welcher Sprache sollte denn „Weitere Sprachen:“ stehen?</p> </blockquote> <p>Hintereinander in allen betroffenen Sprachen - in einem marquee-Element ;-)</p> </blockquote> <p>Des marquee mir.</p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> <em>“Turn off CSS. If the page makes no sense, fix your markup.”</em> —fantasai </div> Dropdown-Menu zur Sprachenerweiterung Mon, 27 Jul 20 11:07:58 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773862#m1773862 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773862#m1773862 <p>Hallo,</p> <blockquote> <blockquote> <p>In welcher Sprache sollte denn „Weitere Sprachen:“ stehen?</p> </blockquote> <p>Hintereinander in allen betroffenen Sprachen - in einem marquee-Element ;-)</p> </blockquote> <p>Lassen sich marquee-Elemente verschachteln?</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>marquee</span><span class="token punctuation">></span></span> weitere Sprachen <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>marqueee</span><span class="token punctuation">></span></span> englisch, spanisch, österreichisch <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>marqueee</span><span class="token punctuation">></span></span> other languages <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>marqueee</span><span class="token punctuation">></span></span> german, spanish, aussie <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>marquee</span><span class="token punctuation">></span></span> !el diverso speranto <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>marqueee</span><span class="token punctuation">></span></span> allamano, britico, schluchtsico <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>marqueee</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>marquee</span><span class="token punctuation">></span></span> </code></pre> <p>Gruß<br> Kalk</p> Dropdown-Menu zur Sprachenerweiterung Mon, 27 Jul 20 11:06:34 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773860#m1773860 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773860#m1773860 <p>Hallo Gustav,</p> <blockquote> <blockquote> <p>nein. Das angesprochene Menü im Wiki verwendet Javascript nur für einige Komfortfunktionen, die man aber bei nur einem Menu-Block garnicht benötigt.</p> <p>Das Menü basiert auf details/summary. Bis auf alte IE/Edge kommt damit jeder Browser klar, ohne Javascript.</p> </blockquote> <p>Wäre das auf meine Herausforderung übertragbar?</p> </blockquote> <p>du brauchst nur eine Liste mit den Sprachwahllinks. Wenn die nicht alle gezeigt werden sollen, legst du die Liste in ein details/summary. Problem bei dieser Lösung ist, was nimmt man als Überschrift (summary).</p> <ul> <li>Versteht ein Amerikaner, was ihn unter „Weitere Sprachen“ erwartet?</li> <li>Gibt es einen weltweit bekannten Begriff oder ein Icon für die Sprachwahl?</li> <li>Versteht der Besucher den Sinn von zehn neben- oder untereinanderstehenden Iso-Sprachkürzeln?</li> <li>Ist ein Block oder mit zehn ausgeschriebenen Sprachlinks zu dominierend?</li> </ul> <p>Fragen, die ich leider allgemein nicht beantworten kann.</p> <p>Gruß<br> Jürgen</p> Dropdown-Menu zur Sprachenerweiterung Mon, 27 Jul 20 11:07:08 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773861#m1773861 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773861#m1773861 <p>@@Gustav</p> <blockquote> <ol> <li>Die automatisierte Sprachvereinbarung sollte genutzt werden und eine weitere Auswahl auf der Seite ist ebenfalls ratsam.</li> </ol> </blockquote> <p>Nicht bloß ratsam, sondern nötig.</p> <blockquote> <p>3.b Bei mehr als 5 Sprachen kann ein Dropdown-Menu sinnvoll werden.</p> </blockquote> <p>Ein solches muss dann so gekennzeichnet werden, dass auch Nutzern, welche die aktuelle Sprache der Seite nicht verstehen, dieses als Sprachauswahlmenü erkennen können. Ein <a href="http://www.languageicon.org/" rel="nofollow noopener noreferrer">Icon</a> könnte sich anbieten (<a href="https://forum.selfhtml.org/self/2015/may/14/eigenschaften-eines-elements-auslesen/1640635#m1640635" rel="noopener noreferrer">sag ich doch</a>), dessen Verständlichkeit wäre auch ein Fall für einen Nutzertest mit der jeweiligen Zielgruppe.</p> <blockquote> <p>In meinem konkreten Fall sollen es voraussichtlich 8-10 Sprachen sein, deren Schriftsystem mit UTF-8 darzustellen ist.</p> </blockquote> <p>UFT-8 kann sämtliche Unicode-Zeichen codieren, also sämtliche in Unicode enthaltene Schriften (die von Version zu Version immer mehr werden).</p> <blockquote> <p>bei Überfahren des Menupunktes eine Liste der Sprachen mit den Namen in ausgeschriebener Form erscheint.</p> </blockquote> <p>Was bedeutet „bei Überfahren“ für Tastaturnutzer? Was für Nutzer von Touch-Geräten?</p> <blockquote> <blockquote> <p>Das Menü basiert auf details/summary. Bis auf alte IE/Edge kommt damit jeder Browser klar, ohne Javascript.</p> </blockquote> </blockquote> <p>Kommt auch jeder Screenreader mit <code>details</code>/<code>summary</code> klar?</p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> <em>“Turn off CSS. If the page makes no sense, fix your markup.”</em> —fantasai </div> Dropdown-Menu zur Sprachenerweiterung Mon, 27 Jul 20 11:12:42 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773863#m1773863 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773863#m1773863 <p>Hallo Gunnar,</p> <blockquote> <p>Kommt auch jeder Screenreader mit <code>details</code>/<code>summary</code> klar?</p> </blockquote> <p>ob jeder, weiß ich nicht. Aber meine Recherchen, als ich die details/summary-Navigation geschrieben habe, haben auch einige Gründe dagegen gefunden. Die mangelnde Unterstützung war nicht dabei. Wer details/summary nicht kennt, zeigt alles.</p> <p>Gruß<br> Jürgen</p> Dropdown-Menu zur Sprachenerweiterung Mon, 27 Jul 20 11:52:27 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773864#m1773864 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773864#m1773864 <p>Hi,</p> <blockquote> <blockquote> <blockquote> <p>In welcher Sprache sollte denn „Weitere Sprachen:“ stehen?</p> </blockquote> <p>Hintereinander in allen betroffenen Sprachen - in einem marquee-Element ;-)</p> </blockquote> <p>Lassen sich marquee-Elemente verschachteln?</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>marquee</span><span class="token punctuation">></span></span> weitere Sprachen <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>marqueee</span><span class="token punctuation">></span></span> englisch, spanisch, österreichisch <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>marqueee</span><span class="token punctuation">></span></span> other languages <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>marqueee</span><span class="token punctuation">></span></span> german, spanish, aussie <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>marquee</span><span class="token punctuation">></span></span> !el diverso speranto <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>marqueee</span><span class="token punctuation">></span></span> allamano, britico, schluchtsico <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>marqueee</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>marquee</span><span class="token punctuation">></span></span> </code></pre> </blockquote> <p>Muß ja sein, denn wie sollte das sonst gehen, daß die arabischen/persischen Varianten andersrum marqueeren als die europäischen?</p> <p>cu,<br> Andreas a/k/a MudGuard</p> Dropdown-Menu zur Sprachenerweiterung Mon, 27 Jul 20 11:57:06 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773865#m1773865 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773865#m1773865 <p>Hallo Tabellenkalk,</p> <p>wenn Du konsistent marquee statt marqueee schreibst - ja.</p> <p>Und es sieht GRUSELIG aus </p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> Dropdown-Menu zur Sprachenerweiterung Mon, 27 Jul 20 13:17:29 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773867#m1773867 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773867#m1773867 <p>@@Tabellenkalk</p> <blockquote> <p>Lassen sich marquee-Elemente verschachteln?</p> </blockquote> <p><a href="https://codepen.io/gunnarbittersmann/pen/OJMGYWz" rel="noopener noreferrer">Ja, wo laufen sie denn?</a></p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> <em>“Turn off CSS. If the page makes no sense, fix your markup.”</em> —fantasai </div> Dropdown-Menu zur Sprachenerweiterung Mon, 27 Jul 20 19:04:43 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773880#m1773880 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773880#m1773880 <p>@Gunnar</p> <p>Mit Überfahren meinte ich einen Hoover-Effekt, der bei einer details/summary Lösung aber wohl ausscheidet.</p> <p>@ JürgenB</p> <p>...dann werde ich versuchen, die nächsten Tage das umzusetzen. Ich melde mich dann noch mal.</p> <p>Bis hierher schon mal allen herzlichen Dank für die Anregungen,</p> <p>Gustav</p> Dropdown-Menu zur Sprachenerweiterung Mon, 27 Jul 20 13:04:51 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773866#m1773866 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773866#m1773866 <p>Hallo,</p> <blockquote> <p>Und es sieht GRUSELIG aus </p> </blockquote> <p>leider hatten wir bis eben kein tag ‚grusel‘…</p> <p>Gruß<br> Kalk</p> Dropdown-Menu zur Sprachenerweiterung Mon, 27 Jul 20 19:24:18 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773881#m1773881 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773881#m1773881 <p>Hallo Gustav,</p> <blockquote> <p>Mit Überfahren meinte ich einen Hoover-Effekt, der bei einer details/summary Lösung aber wohl ausscheidet.</p> </blockquote> <p>Du musst vollständig lesen:</p> <blockquote> <blockquote> <p>Was bedeutet „bei Überfahren“ für <strong>Tastaturnutzer</strong>? Was für Nutzer von <strong>Touch-Geräten</strong>?</p> </blockquote> </blockquote> <p>Hervorhebung von mir.</p> <p><klugscheiß>h<strong>o</strong>ver. Schweben, nicht saugen.</klugscheiß></p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Du kannst das Projekt SELFHTML unterstützen,<br> indem du bei Amazon-Einkäufen <a href="https://smile.amazon.de/ch/314-570-45498" rel="nofollow noopener noreferrer">Amazon smile</a> (<a href="https://www.amazon.de/gp/help/customer/display.html?ie=UTF8&nodeId=202035970%5D" rel="nofollow noopener noreferrer">Was ist das?</a>) nutzt. </div> Dropdown-Menu zur Sprachenerweiterung Tue, 28 Jul 20 05:51:04 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773882#m1773882 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773882#m1773882 <p>Hallo Matthias Apsel,</p> <blockquote> <p><klugscheiß>h<strong>o</strong>ver. Schweben, nicht saugen.</klugscheiß></p> </blockquote> <p>Beide kommen zusammen, wenn man versucht, einen in einem Trichter befindlichen Tischtennisball durch den Trichter mit einem Staubsauger einzusaugen (aerodynamisches Paradoxon).</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Du kannst das Projekt SELFHTML unterstützen,<br> indem du bei Amazon-Einkäufen <a href="https://smile.amazon.de/ch/314-570-45498" rel="nofollow noopener noreferrer">Amazon smile</a> (<a href="https://www.amazon.de/gp/help/customer/display.html?ie=UTF8&nodeId=202035970%5D" rel="nofollow noopener noreferrer">Was ist das?</a>) nutzt. </div> Dropdown-Menu zur Sprachenerweiterung Wed, 29 Jul 20 12:44:31 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773903#m1773903 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773903#m1773903 <p>Hallo an alle,</p> <p>ich habe mir die unterschiedlichen Icons in meiner <a href="http://1.eyes2k.com" rel="nofollow noopener noreferrer">Testumgebung</a> angesehen und zumindest eine Weltkugel lässt sich einigermaßen entschlüsseln. Das Language-Icon ist in dieser Größe eher schwierig, aber ich werde später noch Farbvarianten ausprobieren.</p> <p>Die details/summary-Navigation habe ich dann gestern eingefügt und so einiges ausprobiert, allerdings bekomme ich es bislang nicht hin, dass Pfeil und Weltkugel wie die übrigen Menu-Einträge einen grauen Rand zeigen. Statt dessen zeigen ausgeklappt nur die einzelnen Sprachangebote jeweils einen grauen Rahmen.</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>nav</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>ul</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">aria-current</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>page<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>../img/homeS.png<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>18<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>18<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>home<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>../kat1.html<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Kategorie1<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>../kat2.html<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Kategorie2<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>../kat3.html<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Kategorie3<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>details</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>summary</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>img/globe.png<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>18<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>18<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Globe<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>summary</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>../<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>EN<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>../de/<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>DE<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>../fr/<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>FR<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>../es/<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>ES<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>../pt/<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>PL<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>../it/<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>IT<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>../nl/<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>NL<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>../ru/<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>RU<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>../po/<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>PO<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>../jp/<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>JP | 和<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>../cn/<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>CN | 中国<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>details</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>ul</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>nav</span><span class="token punctuation">></span></span>Quelltext hier </code></pre> <p>Offenbar sind meine Kenntnisse hier zu begrenzt. Hat jemand von Euch einen Tip, was ich anders machen muss?</p> <p>Zur Verdeutlichung füge ich hier mal zwei MockUps an, wie es in etwa aussehen sollte.</p> <p><a href="/images/0f0b0008-d198-11ea-b382-b42e9947ef30.jpg" rel="noopener noreferrer"><img src="/images/0f0b0008-d198-11ea-b382-b42e9947ef30.jpg?size=medium" alt="Test Laptop-Bildschirm" title="Test Laptop-Bildschirm" loading="lazy"></a></p> <p><a href="/images/356b4190-d198-11ea-9d9c-b42e9947ef30.jpg" rel="noopener noreferrer"><img src="/images/356b4190-d198-11ea-9d9c-b42e9947ef30.jpg?size=medium" alt="Test Smartphone-Bildschirm" title="Test Smartphone-Bildschirm" loading="lazy"></a></p> <p>Schöne Grüße, Gustav</p> Dropdown-Menu zur Sprachenerweiterung Wed, 29 Jul 20 13:22:42 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773904#m1773904 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773904#m1773904 <p>Hallo Gustav,</p> <p>die Ränder passen nicht, weil Du die entsprechenden Eigenschaften am <a> Element setzt. Du solltest das am <li> Element stylen.</p> <p>Ich habe mit den Entwicklerwerkzeugen mal etwas gespielt. Ich hätte zwei Ideen.</p> <h4>Variante 1</h4><pre><code class="block language-css"><span class="token selector">nav li</span> <span class="token punctuation">{</span> <span class="token property">flex</span><span class="token punctuation">:</span> 3 0 auto<span class="token punctuation">;</span> <span class="token property">margin</span><span class="token punctuation">:</span> 0 1em<span class="token punctuation">;</span> <span class="token property">border</span><span class="token punctuation">:</span> 1px solid gray<span class="token punctuation">;</span> <span class="token property">border-radius</span><span class="token punctuation">:</span> 0.5em<span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> <p>und für <code>nav a</code> nimmst Du margin, border und border-radius weg. Problem: Aufklappen des details Blocks bläst jetzt alle Menüpunkte in der Höhe auf. Das hat es auch vorher getan, aber da hat man es nicht gesehen...</p> <p>Eine Lösung dafür kann sein, den li Elementen noch position:relative zu geben und das details-Element mit position:absolute aus dem Elementfluss herauszunehmen. Nun kannst Du es aufklappen, ohne dass das Elternelement sich vergrößert. Du musst ihm dann noch eine Hintergrundfarbe geben, damit der Text unter dem Menü weggeblendet wird.</p> <h4>Variante 2</h4><p>Wenn Du möchtest, dass das Aufklappen des Sprachmenüs den Text darunter nicht überlagert, sondern wegschiebt, dann könnte man das Styling auf den <a> Elementen lassen, und auf das <details> Element ausdehnen:</p> <pre><code class="block language-css"><span class="token selector">nav > ul > li > a, nav li > details</span> <span class="token punctuation">{</span> <span class="token property">border</span><span class="token punctuation">:</span> 1px solid gray<span class="token punctuation">;</span> <span class="token property">border-radius</span><span class="token punctuation">:</span> 0.5em<span class="token punctuation">;</span> <span class="token property">margin</span><span class="token punctuation">:</span> .5em 0<span class="token punctuation">;</span> <span class="token property">padding</span><span class="token punctuation">:</span> .5em 0.5em<span class="token punctuation">;</span> <span class="token property">line-height</span><span class="token punctuation">:</span> 1.5em<span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> <p>border, margin und padding nimmst du vom a Element weg. Der > Kombinator bewirkt, dass nur diejenigen a getroffen werden, die direkte Kindelemente von li sind. Die im details-Block stehenden <a> Element trifft es nicht. Wobei - hm - das ist ja eigentlich auch eine Liste. <strong>Eigentlich</strong> müsste man die Links im Sprachblock als Liste auszeichnen. Der Selektor nav > ul > li > a, den ich oben verwendet habe, ist genau dafür da. Eine untergeordnete Liste würde nicht getroffen.</p> <p>Das Details-Element ist etwas höher als die Links, darum sind die Menüelemente nicht gleich hoch. Das habe ich ausgeglichen, indem ich mit line-height gearbeitet habe. Dadurch werden die Zeilen der inline-Elemente höher und es gibt Platz für Höhenunterschiede. Zum Ausgleich habe ich das padding verringert.</p> <p>Klappst Du das Sprachmenü jetzt auf, verändert sich nur der Rahmen ums das Sprachmenü. Die übrigen Rahmen bleiben gleich.</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> Dropdown-Menu zur Sprachenerweiterung Thu, 30 Jul 20 17:59:42 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773928#m1773928 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773928#m1773928 <p>Hallo Rolf,</p> <p>obwohl ich grundsätzlich zu deinem ersten Vorschlag tendiere, weil sich dort die Language-Liste über dem Text öffnen könnte, habe ich mir deine beiden Vorschläge inzwischen angesehen und auch noch diverse Variationen davon probiert. Aber da passt einiges noch nicht. Ich schreibe jetzt nur noch zu Vorschlag 1 und beziehe ich auf deine Angaben:</p> <p>Solange ich keine background-color für die nav details angebe, öffnet sich die Language-Liste auf einem Smartphone-Screen, wie beabsichtigt, über dem Text. Allerdings fehlen wie auch auf einem Laptop-Screen der graue Menurahmen und die Positionen von Pfeil und Weltkugel sind auch verrutscht. Beim Öffnen oder Schließen des Menus zeigt sich immer ein blauer Ereignisrahmen. Öffne ich das Menu rutschen auf einem Laptop-Screen Pfeil und Weltkugel nach rechts, noch außerhalb des gedachten Menurahmens und die Liste öffnet sich damit auch rechts des Textes. Auch die Abstände zwischen den Menus stimmen in allen Screeneinstellungen nun nicht mehr.</p> <p>Gebe ich dann eine background-color für nav details ein, rutschen Pfeil und Weltkugel untereinander, haben aber neben dem blauen Ereignisrahmen zumindest auch wieder einen, wenn auch verkleinerten, aber immerhin grauen Menurahmen. Öffne ich die Language-Auswahlliste blasen alle übrigen Menu-Punkte ebenso auf und schieben den Text doch wieder nach unten.</p> <p>Hast du noch ne Idee, wie ich das hinbekomme oder habe ich bei dem Vorschlag auch etwas falsch verstanden?</p> <p>Schöne Grüße, Gustav</p> Dropdown-Menu zur Sprachenerweiterung Thu, 30 Jul 20 13:51:34 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773915#m1773915 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773915#m1773915 <p>Hallo,</p> <blockquote> <p>Sprachkürzel sind nach ISO-639 genormt in lateinischer Schrift.</p> </blockquote> <p>das war bzw. ist ja auch mein Standpunkt.</p> <blockquote> <p>In welcher Sprache liefert ihr aus, wenn ihr de, en, nl anbietet, die Anfrage aber in ja kommt?</p> </blockquote> <p>Wenn ich eine Site in mehreren Sprachen anbiete, erkläre ich eine davon zum Default. Das ist dann je nach Zielgruppe üblicherweise Deutsch oder Englisch.</p> <p>Kommt jetzt ein Sprachen-Wunsch, den ich nicht erfüllen kann, gibt's halt die Default-Sprache.</p> <blockquote> <p>Google gibt bei Aufruf von Seiten - so weit ich weiß - keine Sprache an. Bisher habe ich bei Aufruf von remso.de de geliefert, bei Aufruf von remso.eu oder remso.org en.</p> </blockquote> <p>Du meinst den Google-Bot? Ja, der nimmt vermutlich einfach ohne spezielle Vorlieben, was da so kommt.</p> <p>Google selbst, also der Suchmaschinen-Dienst, ist aber sehr wohl sprachspezifisch.<br> Ich habe in meinen Browsern Englisch als bevorzugte Sprache eingestellt, also präsentiert sich mir die Liste der Google-Suchtreffer in Englisch. Das ist in Ordnung.<br> Allerdings werden dabei auch bevorzugt Treffer gelistet, die das Gesuchte in Englisch anbieten, auch wenn ein deutscher oder italienischer Treffer inhaltlich ein höheres Ranking haben könnte.</p> <blockquote> <p>Moment mal - die Verwirrung ist ja noch größer. Google hats auf en bekommen und kündigt an: „New Events - remso.eu“ beim Aufruf dieser Fundstelle sendet mein Browser aber de und ich erhalte die Seite unter dem Titel „Neue Veranstaltungen“.</p> </blockquote> <p>Das ist nichts Ungewöhnliches. Dafür gibt's ja dann noch ein "Manual Override".</p> <p>Live long and <s>pros</s> healthy,<br>  Martin</p> <div class="signature">-- <br> Home is where my beer is. </div> Dropdown-Menu zur Sprachenerweiterung Thu, 30 Jul 20 16:47:13 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773923#m1773923 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773923#m1773923 <p>@@Linuchs</p> <blockquote> <p>Es gibt internationale Normen. Die Einheit der elektrischen Spannung ist V, der (das) Meter m.</p> </blockquote> <p>Sag das mal einem US-Amerikaner! (<a href="https://de.wikipedia.org/wiki/Metrisches_Einheitensystem#/media/Datei:Metrication.svg" rel="nofollow noopener noreferrer">Weltkarte</a>)</p> <p>Außerhalb der USA ist das Meter wohlbekannt, und auch mit Volt werden viele Menschen etwas anfangen können.</p> <blockquote> <p>Sprachkürzel sind nach ISO-639 genormt in lateinischer Schrift.</p> </blockquote> <p>Die sind aber nicht in weiten Bevölkerungsschichten bekannt. Warum auch?</p> <p>Es gibt spezielle Nischen, wo Sprachkürzel bekannt sind. Wenn man eine solche Nische als Zielgruppe hat, kann man für <em>diese Zielgruppe</em> Sprachkürzel verwenden. Allgemein nicht.</p> <blockquote> <p>Ich habe es vor vielen Jahren so gelöst:</p> <p><a href="/images/12bae13a-d267-11ea-9d62-b42e9947ef30.jpg" rel="noopener noreferrer"><img src="/images/12bae13a-d267-11ea-9d62-b42e9947ef30.jpg?size=medium" alt="Sprachen" title="Sprachen" loading="lazy"></a></p> </blockquote> <p>Welchen Sinn sollen die Sprachkürzel in Klammern haben?</p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> <em>“Turn off CSS. If the page makes no sense, fix your markup.”</em> —fantasai </div> Dropdown-Menu zur Sprachenerweiterung Thu, 30 Jul 20 17:29:33 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773925#m1773925 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773925#m1773925 <p>@@Linuchs</p> <blockquote> <p><a href="/images/12bae13a-d267-11ea-9d62-b42e9947ef30.jpg" rel="noopener noreferrer"><img src="/images/12bae13a-d267-11ea-9d62-b42e9947ef30.jpg?size=medium" alt="Sprachen" title="Sprachen" loading="lazy"></a></p> </blockquote> <p>BTW, wenn man’s richtig schick machen will, verwendet man eine Schriftart, die auch bulgarische Glyphvarianten enthält:<br> <a href="/images/de368996-d289-11ea-8f0a-b42e9947ef30.png" rel="noopener noreferrer"><img src="/images/de368996-d289-11ea-8f0a-b42e9947ef30.png?size=medium" alt="„български“ mit bulgarischen und mit normalen kyrillischen („russischen“) Glyphen" loading="lazy"></a></p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> <em>“Turn off CSS. If the page makes no sense, fix your markup.”</em> —fantasai </div> Dropdown-Menu zur Sprachenerweiterung Thu, 30 Jul 20 13:56:34 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773916#m1773916 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773916#m1773916 <p>Hallo,</p> <blockquote> <blockquote> <p>Sprachkürzel sind nach ISO-639 genormt in lateinischer Schrift.</p> </blockquote> <p>das war bzw. ist ja auch mein Standpunkt.</p> </blockquote> <p>und wenn dann, weil es so viele Sprachen sind, die Sprachwahllinks in einem Pull-Down-Menü versteckt werden, welche Überschrift gebe ich dann dem Menü? Die aktuell eingestellte Sprache ist da keine gute Idee.</p> <p>Gruß<br> Jürgen</p> Dropdown-Menu zur Sprachenerweiterung Fri, 31 Jul 20 08:36:02 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773955#m1773955 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773955#m1773955 <p>Moin,</p> <blockquote> <p>welche Überschrift gebe ich dann dem Menü?</p> </blockquote> <p>Das ist einfach. Bei Eingabe eines Events ist die Heimatsprache des Mitglieds ja bekannt, beim Registrieren wurde sie angegeben:</p> <p><a href="/images/ea1d0324-d302-11ea-b0c6-b42e9947ef30.jpg" rel="noopener noreferrer"><img src="/images/ea1d0324-d302-11ea-b0c6-b42e9947ef30.jpg?size=medium" alt="Taal" loading="lazy"></a></p> <blockquote> <p>Die aktuell eingestellte Sprache ist da keine gute Idee.</p> </blockquote> <p>Die Ratlosigkeit in diesem Faden habe ich vernommen. Ich mache es halt so, wie ich denke.</p> <p>Wobei die ursprüngliche Idee von 2008 eines vielfältigen und vielsprachigen kulturellen und sportlichen Angebots von Events nie wahr wurde. Nachdem ich keine französischen und polnischen Mitglieder bekommen konnte (direkte Nachbarländer), habe ich die Oberfläche in fr und pl beerdigt und biete nur noch de, en und nl an.</p> <p>Die europäische Idee ist was für Sonntagsreden, ich war vermutlich der Einzige, der die flüchtigen Worte in einen Veranstaltungskalender umgesetzt hat. Völliges Unverständnis z.B. bei Partnerschaftsvereinen (jumelage), einen gemeinsamen Kalender mit ihren Partnerstädten zu bekommen.</p> <p>Ein großer Programmieraufwand war auch die Eingabe und Anzeige eines Events in beliebig vielen Sprachen. Wurde vor Jahren einmal genutzt von einem Trödelmarkt-Betreiber, der in seinem italienischen Zweitwohnsitz oder Urlaubsort einen Markt veranstaltet hat.</p> <p>So blieb der mit großen Erwartungen programmierte internationale Veranstaltungskalender im Wesentlichen ein Mitteilungsblatt für Shanty-Chöre und ein paar Trödelmärkte. Manchmal kommen ein paar Perlen rein durch Veranstalter von musikalischen Events in europäischen Städten.</p> <p>Doch ich bereue das nicht, war dieser Kalender doch Testmedium für neue Web-Möglichkeiten, die ich bei Kunden gegen Geld verkaufen konnte.</p> Dropdown-Menu zur Sprachenerweiterung Thu, 30 Jul 20 17:50:19 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773927#m1773927 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773927#m1773927 <p>Hallo,</p> <blockquote> <blockquote> <p>Es gibt internationale Normen. Die Einheit der elektrischen Spannung ist V, der (das) Meter m.</p> </blockquote> <p>Sag das mal einem US-Amerikaner! (<a href="https://de.wikipedia.org/wiki/Metrisches_Einheitensystem#/media/Datei:Metrication.svg" rel="nofollow noopener noreferrer">Weltkarte</a>)</p> </blockquote> <p>amerikanische Ingenieure und Wissenschaftler sind wohl auch mit dem metrischen System vertraut; das "gemeine Volk" eher nicht.</p> <p>Andererseits: Mein Physik-Prof an der FH hat uns empfohlen, Naturkonstanten in möglichst "handlichen" und anschaulichen Einheiten zu merken. Die Lichtgeschwindigkeit beispielsweise als ungefähr ein Fuß pro Nanosekunde. Beides sind für einen Elektroniker gängige Einheiten, der Quotient daher auch recht gut vorstellbar.</p> <blockquote> <blockquote> <p><a href="/images/12bae13a-d267-11ea-9d62-b42e9947ef30.jpg" rel="noopener noreferrer"><img src="/images/12bae13a-d267-11ea-9d62-b42e9947ef30.jpg?size=medium" alt="Sprachen" title="Sprachen" loading="lazy"></a></p> </blockquote> <p>Welchen Sinn sollen die Sprachkürzel in Klammern haben?</p> </blockquote> <p>Sie verraten denen, die mit der Prosabezeichnung nichts anfangen können, welche Sprache sich wirklich dahinter verbirgt.</p> <p>Live long and <s>pros</s> healthy,<br>  Martin</p> <div class="signature">-- <br> Home is where my beer is. </div> Dropdown-Menu zur Sprachenerweiterung Fri, 31 Jul 20 09:03:39 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773958#m1773958 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773958#m1773958 <p>Hallo Gunnar,</p> <blockquote> <p>wenn man’s richtig schick machen will,</p> </blockquote> <p>die Diskussion geht in die Richtung, dass ich vollkommen unbedarften Lesern die Fülle der möglichen Sprachen erklären möchte.</p> <p>Das Ziel ist aber, dass angemeldete Mitglieder ihre Events in ihrer Sprache eingeben können, damit sie von ihren Landsleuten verstanden wird. z.B. in türkisch. Warum aber sollte ich dem türkischen Leser eine Lektion anbieten, dass es die Sprache Suaheli gibt? Die ist nur für die eine Suahelin gedacht, die versehentlich mal vorbeikommt. Aber die freut sich 'nen Ast und erzählt es weiter.</p> <p>In Wirklichkeit gleiche ich die vom Browser angeforderte Sprache mit der Sprache der eingegebenen Events ab. Bei Übereinstimmung bekommt der Leser seine Sprache. Das ist schon alles.</p> <p>Die Möglichkeit, ein Event in mehreren Sprachen einzugeben, wird aber von keinem Mitglied genutzt.</p> <p>Linuchs</p> Dropdown-Menu zur Sprachenerweiterung Fri, 31 Jul 20 09:47:14 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773959#m1773959 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773959#m1773959 <p>Hi there,</p> <blockquote> <p>BTW, wenn man’s richtig schick machen will, verwendet man eine Schriftart, die auch bulgarische Glyphvarianten enthält:<br> <a href="/images/de368996-d289-11ea-8f0a-b42e9947ef30.png" rel="noopener noreferrer"><img src="/images/de368996-d289-11ea-8f0a-b42e9947ef30.png?size=medium" alt="„български“ mit bulgarischen und mit normalen kyrillischen („russischen“) Glyphen" loading="lazy"></a></p> </blockquote> <p>Interessant. Deine bulgarischen Glyphen schauen für mich wie russische Schreibschrift aus. Wird das in Bulgarien tatsächlich für Druck verwendet...?</p> Dropdown-Menu zur Sprachenerweiterung Thu, 30 Jul 20 18:12:14 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773929#m1773929 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773929#m1773929 <p>@@Der Martin</p> <blockquote> <blockquote> <p>Welchen Sinn sollen die Sprachkürzel in Klammern haben?</p> </blockquote> <p>Sie verraten denen, die mit der Prosabezeichnung nichts anfangen können, welche Sprache sich wirklich dahinter verbirgt.</p> </blockquote> <p>Nein, das tun sie nicht.</p> <p>Oder was verrät dir هَوُسَا (ha)?</p> <p>Nochmal: Sprachkürzel sind nicht in weiten Bevölkerungsschichten bekannt. Man kann sich hier den Mund fusslig reden.</p> <p>Man kann die Sprachbezeichnung zusätzlich auch in der aktuellen Sprache der Webseite anzugeben – Tooltip könnten dafür angebracht sein; so wie’s auch auf den Seiten <em>W3C Internationalisierung</em> gemacht wird, bspw. auf dieser hier: <a href="https://www.w3.org/International/questions/qa-html-language-declarations.de" rel="nofollow noopener noreferrer">Angabe der Sprache in HTML</a></p> <p>Auf ebendieser Seite steht auch, wie’s geht:</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Spanisch<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">lang</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>es<span class="token punctuation">"</span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>….es<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Español<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>span</span><span class="token punctuation">></span></span> </code></pre> <p>So sollte’s auch gehen:</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Spanisch<span class="token punctuation">"</span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>….es<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span> <span class="token attr-name">lang</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>es<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Español<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>span</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> </code></pre> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> <em>“Turn off CSS. If the page makes no sense, fix your markup.”</em> —fantasai </div> Dropdown-Menu zur Sprachenerweiterung Thu, 30 Jul 20 18:51:12 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773934#m1773934 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773934#m1773934 <p>Hallo Gustav,</p> <p>diverse Probleme.</p> <p>1. Syntax</p> <pre><code class="block bad language-css"><span class="token selector">nav details</span> <span class="token punctuation">{</span> <span class="token property">position</span><span class="token punctuation">:</span>absolute <span class="token property">background-color</span><span class="token punctuation">:</span> ffffff<span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> <ul> <li>CSS Eigenschaften werden mit einem Semikolon abgeschlossen (fehlt bei position:relative auch)</li> <li>RGB-Farbangaben benötigen ein vorangestelltes #</li> </ul> <pre><code class="block good language-css"><span class="token selector">nav details</span> <span class="token punctuation">{</span> <span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span> <span class="token property">background-color</span><span class="token punctuation">:</span> #ffffff<span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> <p>2. Flex-Basis</p> <pre><code class="block language-css"> <span class="token property">flex</span><span class="token punctuation">:</span> 3 0 auto<span class="token punctuation">;</span> <span class="token property">flex</span><span class="token punctuation">:</span> 1 1 0% </code></pre> <p>Beides nicht so gut, wenn der Inhalt einer Box absolut positioniert wird. Da der absolut positionierte Inhalt aus dem Flow 'raus ist, hat die Box keinen Inhalt mehr, der die Breite bestimmt. Ich würde in beiden Fällen 3em oder so (oder mehr, je nach Lage) als flex-basis angeben, also dem 3. Parameter der flex Eigenschaft.</p> <p>3. Ich lag falsch.</p> <p>Was ich jetzt beim Probieren gemerkt habe: ich war auf dem Holzweg. Das <details> Element darf nicht position:absolute bekommen. Ich habe mir nochmal Jürgens <a href="https://wiki.selfhtml.org/wiki/JavaScript/Tutorials/zug%C3%A4ngliche_Dropdown-Navigation" rel="nofollow noopener noreferrer">Tutorial aus unserem Wiki</a> angeschaut. Leg ein <div> um deine Sprachlinks und mach <strong>das</strong> position:absolute. Damit lösen sich einige Probleme in Luft auf, unter anderem die Breite der Hauptmenüpunkte. Dann noch ein paar Justierungen für paddings und margins, damit der Globus sauber platziert ist, und das Popup-div platzierst Du im Cinemascope-Modus mit <code>right:0</code>, und im Handymodus mit <code>right: 50%; transform: translate(50%,0);</code></p> <p>Achso: die Background-color muss nur auf das Popup-div. Nicht aufs Details-Element.</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> Dropdown-Menu zur Sprachenerweiterung Thu, 30 Jul 20 18:21:39 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773931#m1773931 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773931#m1773931 <p>Hallo Gunnar,</p> <blockquote> <blockquote> <blockquote> <p>Welchen Sinn sollen die Sprachkürzel in Klammern haben?</p> </blockquote> <p>Sie verraten denen, die mit der Prosabezeichnung nichts anfangen können, welche Sprache sich wirklich dahinter verbirgt.</p> </blockquote> <p>Nein, das tun sie nicht.</p> <p>Oder was verrät dir هَوُسَا (ha)?</p> </blockquote> <p>dass es um die afro-asiatische Sprache Hausa geht. Denn mit <strong>ha</strong> kann ich in der ISO-639-Liste nachschlagen. Mit den Schriftzeichen in der entsprechenden Sprache nicht, da ich sie nicht einmal kenne und daher nicht eindeutig von ähnlichen Zeichen unterscheiden könnte.</p> <blockquote> <p>Nochmal: Sprachkürzel sind nicht in weiten Bevölkerungsschichten bekannt. Man kann sich hier den Mund fusslig reden.</p> </blockquote> <p>Dann tu das meinetwegen gern. Ich bin trotzdem anderer Meinung.</p> <p>Live long and <s>pros</s> healthy,<br>  Martin</p> <div class="signature">-- <br> Home is where my beer is. </div> Dropdown-Menu zur Sprachenerweiterung Thu, 30 Jul 20 18:26:40 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773932#m1773932 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773932#m1773932 <p>Hallo Gunnar Bittersmann,</p> <blockquote> <p>Mann kann die Sprachbezeichnung zusätzlich auch in der aktuellen Sprache der Webseite anzugeben – Tooltip könnten dafür angebracht sein; so wie’s auch auf den Seiten <em>W3C Internationalisierung</em> gemacht wird, bspw. auf dieser hier: <a href="https://www.w3.org/International/questions/qa-html-language-declarations.de" rel="nofollow noopener noreferrer">Angabe der Sprache in HTML</a></p> </blockquote> <p>Frau nicht?</p> <blockquote> <p>Auf ebendieser Seite steht auch, wie’s geht:</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Spanisch<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">lang</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>es<span class="token punctuation">"</span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>….es<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Español<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>span</span><span class="token punctuation">></span></span> </code></pre> <p>So sollte’s auch gehen:</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Spanisch<span class="token punctuation">"</span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>….es<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span> <span class="token attr-name">lang</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>es<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Español<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>span</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> </code></pre> </blockquote> <p>Ist das hreflang-Attribut sinnvoll oder notwendig?</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Du kannst das Projekt SELFHTML unterstützen,<br> indem du bei Amazon-Einkäufen <a href="https://smile.amazon.de/ch/314-570-45498" rel="nofollow noopener noreferrer">Amazon smile</a> (<a href="https://www.amazon.de/gp/help/customer/display.html?ie=UTF8&nodeId=202035970%5D" rel="nofollow noopener noreferrer">Was ist das?</a>) nutzt. </div> Dropdown-Menu zur Sprachenerweiterung Thu, 30 Jul 20 20:19:25 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773940#m1773940 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773940#m1773940 <blockquote> <blockquote> <p>Nochmal: Was spricht dagegen, <em>deutsch</em> <em lang="en">English</em> <em lang="es">español</em> <em lang="fr">français</em> auszuschreiben? (Und sage niemand Platzmangel! Platzmangel gibt es auf Webseiten nicht.)</p> </blockquote> <p>Das Argument finde ich bei z.B. 30 ausgeschriebenen Sprachen uffem Smartphone irgendwie schwierig. Erhellen Sie mich bitte, Herr Bittersmann.</p> </blockquote> <p>Aaah, da kommt wohl nix mehr. Aber ich hab da ne Idee! Vielleicht kann man das ja auch via „aria-label="multilingual" für das doch nicht so doofe Auswahlmenü progressive enhancen. LOL</p> <p>PS: Dieser Beitrag ist kontraproduktiv und trägt zur Verschlechterung der Forumsstimmung bei.</p> Dropdown-Menu zur Sprachenerweiterung Fri, 31 Jul 20 06:51:00 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773946#m1773946 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773946#m1773946 <p>@@Mitleser 2.0</p> <p>So, nun zu dir.</p> <blockquote> <p>Erhellen Sie mich bitte, Herr Bittersmann.</p> </blockquote> <p>Ein neuer Tag bricht an; es werde Licht.</p> <blockquote> <blockquote> <p>Nochmal: Was spricht dagegen, <em>deutsch</em> <em lang="en">English</em> <em lang="es">español</em> <em lang="fr">français</em> auszuschreiben? (Und sage niemand Platzmangel! Platzmangel gibt es auf Webseiten nicht.)</p> </blockquote> <p>Das Argument finde ich bei z.B. 30 ausgeschriebenen Sprachen uffem Smartphone irgendwie schwierig.</p> </blockquote> <p>30 Sprachkürzel sich nicht weniger schwierig. Zumal man die nicht eng aneinander klatschen kann, weil Nutzer die mit ihren Wurstfingern auch treffen können sollen.</p> <p>Wenn nun aber die Schaltflächen eine gewisse Große haben müssen, dann passt auch die ausgeschriebene Sprachbezeichnung rein.</p> <p>Es ist aber sicher unschön, wenn auf kleinem Viewport von einer Seite initial nur das Sprachmenü zu sehen ist. (Wir sind uns einig, dass das Sprachmenü am Anfang der Seite stehen muss?)</p> <p>Da könnte dann ein Aufklappmenü angebracht sein, was sich beim Click auf das Sprachmenü-Icon (wir sprachen drüber) öffnet. Und schon hat man wieder allen Platz der Welt.</p> <p>Es gibt keinen triftigen Grund, Sprachkürzel zu verwenden.</p> <p>Der Dem-Bittersmann-haste’s-aber-gegeben-Punkt sei dir aber trotzdem gegönnt. Dass sich immer jemand findet, der ohne nachzudenken auf Plus drückt, da kannst du ja nichts für.</p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> <em>“Turn off CSS. If the page makes no sense, fix your markup.”</em> —fantasai </div> Dropdown-Menu zur Sprachenerweiterung Thu, 30 Jul 20 18:55:41 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773935#m1773935 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773935#m1773935 <p>@@Der Martin</p> <blockquote> <blockquote> <blockquote> <p>Sie verraten denen, die mit der Prosabezeichnung nichts anfangen können, welche Sprache sich wirklich dahinter verbirgt.</p> </blockquote> <p>Nein, das tun sie nicht.</p> <p>Oder was verrät dir هَوُسَا (ha)?</p> </blockquote> <p>dass es um die afro-asiatische Sprache Hausa geht. Denn mit <strong>ha</strong> kann ich in der ISO-639-Liste nachschlagen.</p> </blockquote> <p>Ähm, <em>„kann ich <strong>nachschlagen</strong>“</em> ist was völlig anderes als <em>„<strong>sie verraten</strong>, welche Sprache sich dahinter verbirgt“</em>.</p> <p><em>Eigentlich wollte ich auf dieser Webseite etwas ganz anderes tun, aber jetzt schlage ich erstmal nach, was diese zweibuchstabigen Kürzel so bedeuten.</em> —kein Nutzer, jemals</p> <p>Ich halte die Sprachkürzel an dieser Stelle für visuelles Rauschen. Sie bringen keinen Mehrwert.</p> <p>Wenn man die Sprachen auch in der aktuellen Seitensprache angeben will, dann dies auch in Prosa: هَوُسَا (Hausa) – was den Platzbedarf fürs Sprachmenü verdoppelt.</p> <p>Oder halt mit Tooltips. Mir ist durchaus bewusst, dass Tooltips nicht für alle Nutzer zugänglich sind. Hier handelt es sich aber um zusätzliche, nicht unbedingt notwendige Information. <em lang="en">Progressive enhancement at work.</em></p> <hr> <blockquote> <p>Mit den Schriftzeichen in der entsprechenden Sprache nicht, da ich sie nicht einmal kenne und daher nicht eindeutig von ähnlichen Zeichen unterscheiden könnte.</p> </blockquote> <p>Arabische Schrift lesen zu lernen steht auch noch auf meiner Liste. Kann doch aber eigentlich auch nicht viel schwerer sein als hebräische …</p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> <em>“Turn off CSS. If the page makes no sense, fix your markup.”</em> —fantasai </div> Dropdown-Menu zur Sprachenerweiterung Thu, 30 Jul 20 18:30:11 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773933#m1773933 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773933#m1773933 <p>@@Matthias Apsel</p> <blockquote> <blockquote> <p>Mann kann … Frau nicht?</p> </blockquote> </blockquote> <p>Sogar Nicht-Binäre. Berichtigt.</p> <blockquote> <p>Ist das hreflang-Attribut sinnvoll oder notwendig?</p> </blockquote> <p>Bin ich überfragt, ob es tatsächlich <em lang="en">user agents</em> gibt, die <code>hreflang</code> irgendwie auswerten.</p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> <em>“Turn off CSS. If the page makes no sense, fix your markup.”</em> —fantasai </div> Dropdown-Menu zur Sprachenerweiterung Thu, 30 Jul 20 21:14:38 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773943#m1773943 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773943#m1773943 <p>@@Rolf B</p> <blockquote> <ul> <li>CSS Eigenschaften werden mit einem Semikolon abgeschlossen</li> </ul> </blockquote> <p>Und ich dachte, mit einem Doppelpunkt, der da zwischen Eigenschaft und Wert steht.</p> <p><strong>Deklarationen</strong> werden mit einem Semikolon … – nee stimmt nicht. So is’ richtig: Deklarationen in einem Block werden mit Semikolons<sup class="footnote-ref"><a href="#fn1" id="fnref1">[1]</a></sup> voneinander getrennt. (Das Semikolon gehört nicht zur Deklaration dazu.)</p> <blockquote> <ul> <li>RGB-Farbangaben benötigen ein vorangestelltes #</li> </ul> </blockquote> <p>Browser verstehen Farbangaben bei <code>background-color</code> und <code>color</code> auch ohne <code>#</code> (nicht jedoch bei der Sammeleigenschaft <code>background</code>).</p> <p>Ich verwende <code>color:F7EC7D</code> u.dgl. desöfteren in der <a href="https://cssbattle.dev/" rel="nofollow noopener noreferrer">CSS Battle</a>. (<code>background-color:62306D</code> natürlich nicht, <code>background:#62306D</code> ist kürzer.)</p> <p>Auch bei den Werten der HTML-Attribute <code>bgcolor</code> und <code>text</code> kann man das <code>#</code> weglassen. (Vermutlich auch bei <code>link</code> etc.)</p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> <em>“Turn off CSS. If the page makes no sense, fix your markup.”</em> —fantasai </div> <hr class="footnotes-sep"> <section class="footnotes"> <ol class="footnotes-list"> <li id="fn1" class="footnote-item"><p>Und sage niemand, die Pluralform wäre nicht richtig. <a href="#fnref1" class="footnote-backref">↩︎</a></p> </li> </ol> </section> Dropdown-Menu zur Sprachenerweiterung Sun, 09 Aug 20 19:34:12 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1774373#m1774373 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1774373#m1774373 <p>@ Rolf B</p> <p>Hallo Rolf,</p> <p>ich bin mir nicht sicher, ob du meine Antwort, die ich unterhalb von Gunnars Antwort eingefügt hatte, gelesen hast, deshalb antworte ich hier noch mal direkt auf dich.</p> <p>Entschuldige bitte zunächst, mindestens das fehlende Semikolon hätte ich auch selbst sehen können.</p> <p>Die Länderliste habe ich jetzt mal konform der Sprachencodierung <a href="https://de.wikipedia.org/wiki/Liste_der_ISO-639-1-Codes" rel="nofollow noopener noreferrer">ISO-639-1</a> aufgesetzt; und zwar ausgeschrieben sowie durch Senkrechtstriche abgetrennt mit den Zweibuchstaben-Kürzeln. Ich möchte zumindest mal versuchen, es so hinzubekommen, dass es trotz der Länge auf allen Display-Größen funktioniert.</p> <p>Da du auf den blauen Ereignisrahmen nicht eingehst, ist der vermutlich bei dieser Lösung nicht zu vermeiden, richtig?</p> <p>Zu den Anleitungen im letzten Absatz muss ich noch mal nachfragen, da ich da nicht versiert bin. Ich habe jetzt in der html-Datei innerhalb des details- und nach dem summary-Element die Sprachlinks in ein div eingebunden. In der CSS-Datei habe ich folgendes eingebaut:</p> <pre><code class="block language-css"><span class="token selector">nav div</span> <span class="token punctuation">{</span> <span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span> <span class="token property">background-color</span><span class="token punctuation">:</span> #ffffff<span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> <p>Padding und margin habe ich versucht, bei nav li:last-of-type einzubauen, zeigt aber keine Wirkung, so dass ich damit vermutlich falsch liege, oder?</p> <p>In der Layout-Rubrik habe ich bei den unterschiedlichen Screen-Beschreibungen dann noch Folgendes eingefügt</p> <pre><code class="block language-css"><span class="token selector">nav div</span> <span class="token punctuation">{</span> <span class="token property">right</span><span class="token punctuation">:</span> 50%<span class="token punctuation">;</span> <span class="token property">transform</span><span class="token punctuation">:</span> <span class="token function">translate</span><span class="token punctuation">(</span>50%<span class="token punctuation">,</span>0<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">nav div</span> <span class="token punctuation">{</span> <span class="token property">right</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> <p>War das so von dir gemeint?</p> <p>Feine Grüße, Gustav</p> Dropdown-Menu zur Sprachenerweiterung Thu, 30 Jul 20 19:08:46 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773936#m1773936 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773936#m1773936 <p>n'Abend,</p> <blockquote> <blockquote> <blockquote> <p>Oder was verrät dir هَوُسَا (ha)?</p> </blockquote> <p>dass es um die afro-asiatische Sprache Hausa geht. Denn mit <strong>ha</strong> kann ich in der ISO-639-Liste nachschlagen.</p> </blockquote> <p>Ähm, <em>„kann ich <strong>nachschlagen</strong>“</em> ist was völlig anderes als <em>„<strong>sie verraten</strong>, welche Sprache sich dahinter verbirgt“</em>.</p> </blockquote> <p>nein, das finde ich nicht.</p> <blockquote> <p><em>Eigentlich wollte ich auf dieser Webseite etwas ganz anderes, aber jetzt schlage ich erstmal nach, was diese zweibuchstabigen Kürzel so bedeuten.</em> —kein Nutzer, jemals</p> </blockquote> <p>Außer denen, die prinzipiell ein Interesse an anderen Sprachen haben.</p> <blockquote> <p>Ich halte die Sprachkürzel an dieser Stelle für visuelles Rauschen. Sie bringen keinen Mehrwert.</p> </blockquote> <p>Sie bringen eine <em>eindeutige</em> Information. So wie RGB-Farbangaben<sup class="footnote-ref"><a href="#fn1" id="fnref1">[1]</a></sup> in CSS anstatt phantasievoller Prosabezeichnungen.</p> <blockquote> <blockquote> <p>Mit den Schriftzeichen in der entsprechenden Sprache nicht, da ich sie nicht einmal kenne und daher nicht eindeutig von ähnlichen Zeichen unterscheiden könnte.</p> </blockquote> <p>Arabische Schrift lesen zu lernen steht auch noch auf meiner Liste. Kann doch aber eigentlich auch nicht viel schwerer sein als hebräische …</p> </blockquote> <p>Haken, Würmer und Ösen? Halte ich für ein ehrgeiziges Ziel, weil es ein <em>völlig</em> anderes Schriftsystem ist, als wir Europäer gewöhnt sind. Nicht, weil Arabisch von rechts nach links geschrieben und gelesen wird (das ist ja bei Hebräisch auch so). Sondern eher, weil die arabische Schrift meines Wissens nur Konsonanten abbildet (etwa wie Stenographie) und die Vokale der Phantasie des Lesers überlässt.<br> Deswegen sind ja auch die Namen Mohammed, Mahmud oder Mehmet eigentlich gleich - zumindest geschrieben. Ich stelle mir das jedenfalls sehr schwierig vor.</p> <p>Live long and <s>pros</s> healthy,<br>  Martin</p> <div class="signature">-- <br> Home is where my beer is. </div> <hr class="footnotes-sep"> <section class="footnotes"> <ol class="footnotes-list"> <li id="fn1" class="footnote-item"><p>Oder meinetwegen HLS, obwohl sich mir der RGB-Farbraum immer noch leicher erschließt. <a href="#fnref1" class="footnote-backref">↩︎</a></p> </li> </ol> </section> Dropdown-Menu zur Sprachenerweiterung Thu, 30 Jul 20 19:57:20 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773939#m1773939 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773939#m1773939 <p>Hallo,</p> <blockquote> <p><em>Eigentlich wollte ich auf dieser Webseite etwas ganz anderes tun, aber jetzt schlage ich erstmal nach, was diese zweibuchstabigen Kürzel so bedeuten.</em> —kein Nutzer, jemals</p> </blockquote> <p>mit Ausnahme der neugierigen Nutzer. Ein unbekanntes Schriftsystem ist sowas von abtörnend! Wenn aber durch ein Kürzel ein Einstiegspunkt gegeben wird, sieht das wieder ganz anders aus…</p> <p>Gruß<br> Kalk</p> Dropdown-Menu zur Sprachenerweiterung Thu, 30 Jul 20 19:25:01 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773937#m1773937 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773937#m1773937 <p>@@Der Martin</p> <blockquote> <blockquote> <p><em>Eigentlich wollte ich auf dieser Webseite etwas ganz anderes, aber jetzt schlage ich erstmal nach, was diese zweibuchstabigen Kürzel so bedeuten.</em> —kein Nutzer, jemals</p> </blockquote> <p>Außer denen, die prinzipiell ein Interesse an anderen Sprachen haben.</p> </blockquote> <p>Sollte ein Sprachmenü ein Quiz sein, auch für Nutzer, die kein spezielles Interesse an anderen Sprachen haben? Ich denke, nein.</p> <blockquote> <blockquote> <p>Ich halte die Sprachkürzel an dieser Stelle für visuelles Rauschen. Sie bringen keinen Mehrwert.</p> </blockquote> <p>Sie bringen eine <em>eindeutige</em> Information.</p> </blockquote> <p>Ausgeschrieben (Hausa statt ha) bringt’s das weitaus besser.</p> <blockquote> <p>Haken, Würmer und Ösen?</p> </blockquote> <p>Da ist sie, die Schwierigkeit: arabische Buchstaben haben bis zu vier Formen, je nachdem, ob sie vorn (also rechts), in der Mitte, hinten oder allein stehen.</p> <blockquote> <p>Nicht, weil Arabisch von rechts nach links geschrieben und gelesen wird (das ist ja bei Hebräisch auch so). Sondern eher, weil die arabische Schrift meines Wissens nur Konsonanten abbildet (etwa wie Stenographie) und die Vokale der Phantasie des Lesers überlässt.</p> </blockquote> <p>Das ist bei Hebräisch auch so. (Bei der hebräischen Sprache. Im Jiddischen sind einige Buchstaben zu Vokalen umgedeutet.)</p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> <em>“Turn off CSS. If the page makes no sense, fix your markup.”</em> —fantasai </div> Dropdown-Menu zur Sprachenerweiterung Thu, 30 Jul 20 19:43:06 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773938#m1773938 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773938#m1773938 <p>Hallo,</p> <blockquote> <p>Sollte ein Sprachmenü ein Quiz sein, auch für Nutzer, die kein spezielles Interesse an anderen Sprachen haben? Ich denke, nein.</p> </blockquote> <p>natürlich nicht. Diejenigen, die die Kürzel nicht kennen bzw. mit ihnen nichts anfangen können, ignorieren sie einfach. Du weißt doch, ich bevorzuge generell codifizierte, eindeutige Angaben gegenüber Prosa. Also bei USB zum Beispiel 12Mbps anstatt <em>Full Speed</em>.</p> <blockquote> <blockquote> <blockquote> <p>Ich halte die Sprachkürzel an dieser Stelle für visuelles Rauschen. Sie bringen keinen Mehrwert.</p> </blockquote> <p>Sie bringen eine <em>eindeutige</em> Information.</p> </blockquote> <p>Ausgeschrieben (Hausa statt ha) bringt’s das weitaus besser.</p> </blockquote> <p>Dann ist es aber wieder sprachabhängig.<br> Genau das will man ja mit den ISO-Kürzeln eliminieren.</p> <p>Live long and <s>pros</s> healthy,<br>  Martin</p> <div class="signature">-- <br> Home is where my beer is. </div> Dropdown-Menu zur Sprachenerweiterung Thu, 30 Jul 20 20:47:27 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773942#m1773942 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773942#m1773942 <p>@@Der Martin</p> <blockquote> <p>Diejenigen, die die Kürzel nicht kennen bzw. mit ihnen nichts anfangen können, ignorieren sie einfach.</p> </blockquote> <p>Auf einer Webseite sollte nichts sein, was kognitiven Aufwand erfordert, um dann doch (von den meisten) ignoriert zu werden.</p> <blockquote> <blockquote> <p>Ausgeschrieben (Hausa statt ha) bringt’s das weitaus besser.</p> </blockquote> <p>Dann ist es aber wieder sprachabhängig.</p> </blockquote> <p>„Hausa“ gerade nicht. </p> <p>Ansonsten: Ja, und? Dann wechsle ich zu einer Sprache, die ich verstehe, und bekomme auf jener Seite die Sprachen für mich verständlich aufgelistet.</p> <p>Und selbst wenn man die Sprache der aktuellen Seite kaum versteht, „klingoński“ sagt einem immer noch mehr als „tlh“.</p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> <em>“Turn off CSS. If the page makes no sense, fix your markup.”</em> —fantasai </div> Dropdown-Menu zur Sprachenerweiterung Thu, 30 Jul 20 20:33:06 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773941#m1773941 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773941#m1773941 <p>@@Mitleser 2.0</p> <blockquote> <p>Aaah, da kommt wohl nix mehr.</p> </blockquote> <p>Ich bin im andern Ast mit Dem Martin im Gespräch. Man muss halt Prioritäten setzen. Und da bist du halt weiter unten.</p> <p>PS: Auch dieser Beitrag ist kontraproduktiv und trägt zur Verschlechterung der Forumsstimmung bei. </p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> <em>“Turn off CSS. If the page makes no sense, fix your markup.”</em> —fantasai </div> Dropdown-Menu zur Sprachenerweiterung Fri, 31 Jul 20 15:40:42 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773992#m1773992 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773992#m1773992 <p>Hallo Rolf,</p> <p>entschuldige bitte zunächst, mindestens das fehlende Semikolon hätte ich auch selbst sehen können.</p> <p>Die Länderliste habe ich jetzt mal konform der Sprachencodierung <a href="https://de.wikipedia.org/wiki/Liste_der_ISO-639-1-Codes" rel="nofollow noopener noreferrer">ISO-639-1</a> aufgesetzt; und zwar ausgeschrieben sowie durch Senkrechtstriche abgetrennt mit den Zweibuchstaben-Kürzeln. Ich möchte zumindest mal versuchen, es so hinzubekommen, dass es trotz der Länge auf allen Display-Größen funktioniert.</p> <p>Da du auf den blauen Ereignisrahmen nicht eingehst, ist der vermutlich bei dieser Lösung nicht zu vermeiden, richtig?</p> <p>Zu den Anleitungen im letzten Absatz muss ich noch mal nachfragen, da ich da nicht versiert bin. Ich habe jetzt in der html-Datei innerhalb des details- und nach dem summary-Element die Sprachlinks in ein div eingebunden. In der CSS-Datei habe ich folgendes eingebaut:</p> <pre><code class="block language-css"><span class="token selector">nav div</span> <span class="token punctuation">{</span> <span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span> <span class="token property">background-color</span><span class="token punctuation">:</span> #ffffff<span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> <p>Padding und margin habe ich versucht, bei nav li:last-of-type einzubauen, zeigt aber keine Wirkung, so dass ich damit vermutlich falsch liege, oder?</p> <p>In der Layout-Rubrik habe ich bei den unterschiedlichen Screen-Beschreibungen dann noch Folgendes eingefügt</p> <pre><code class="block language-css"><span class="token selector">nav div</span> <span class="token punctuation">{</span> <span class="token property">right</span><span class="token punctuation">:</span> 50%<span class="token punctuation">;</span> <span class="token property">transform</span><span class="token punctuation">:</span> <span class="token function">translate</span><span class="token punctuation">(</span>50%<span class="token punctuation">,</span>0<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">nav div</span> <span class="token punctuation">{</span> <span class="token property">right</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> <p>War das so von dir gemeint?</p> <p>Feine Grüße, Gustav</p> Dropdown-Menu zur Sprachenerweiterung Fri, 31 Jul 20 07:19:06 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773949#m1773949 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773949#m1773949 <p>Hallo Gunnar,</p> <blockquote> <p>Es ist aber sicher unschön, wenn auf kleinem Viewport von einer Seite initial nur das Sprachmenü zu sehen ist. (Wir sind uns einig, dass das Sprachmenü am Anfang der Seite stehen muss?)</p> <p>Da könnte dann ein Aufklappmenü angebracht sein, was sich beim Click auf das Sprachmenü-Icon (wir sprachen drüber) öffnet. Und schon hat man wieder allen Platz der Welt.</p> </blockquote> <p>und was könnte man als „Sprachmenü-Icon“ nehmen? Wie Gustav es plant eine Weltkugel? Der „Turm zu Babel“ nimmt bestimmt zu viel Platz ein.</p> <p>Gruß<br> Jürgen</p> Dropdown-Menu zur Sprachenerweiterung Fri, 31 Jul 20 08:10:38 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773952#m1773952 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773952#m1773952 <blockquote> <p>Es ist aber sicher unschön, wenn auf kleinem Viewport von einer Seite initial nur das Sprachmenü zu sehen ist. (Wir sind uns einig, dass das Sprachmenü am Anfang der Seite stehen muss?)</p> <p>Da könnte dann ein Aufklappmenü angebracht sein, was sich beim Click auf das Sprachmenü-Icon (wir sprachen drüber) öffnet. Und schon hat man wieder allen Platz der Welt.</p> </blockquote> <p>Gut, dann sind wir uns ja einig. <a href="https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773835#m1773835" rel="noopener noreferrer">„Und sage niemand Platzmangel! Platzmangel gibt es auf Webseiten nicht.“</a> hat sich noch ganz anders angehört…</p> <p>Dann kommen wir mal zum „Sprachmenü-Icon“. Du sprichst ja oft und zu Recht die Bedeutung von UX-Tests an. Wir dürfen wohl unterstellen, dass beispielsweise Amazon sich dem auch widmet. Was sieht man unter www.amazon.de / www.amazon.com? Eine Flagge! So falsch eine Flagge inhaltlich hier ja auch sein mag: es ist ganz schön etabliert.</p> Dropdown-Menu zur Sprachenerweiterung Fri, 31 Jul 20 07:54:42 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773951#m1773951 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773951#m1773951 <p>Hallo,</p> <blockquote> <p>und was könnte man als „Sprachmenü-Icon“ nehmen?</p> </blockquote> <p>in irgendeinem Beitrag hatte Gunnar ein extra dafür designtes Symbol verlinkt. Nur: Wer kennt dieses Symbol? Wer würde es verstehen?</p> <blockquote> <p>Wie Gustav es plant eine Weltkugel?</p> </blockquote> <p>Eher nicht. Zumindest bei den Webauftritten größerer Organisationen erwarte ich bei einer Weltkugel als Icon intuitiv sowas wie "Unsere Niederlassungen weltweit".</p> <p>Live long and <s>pros</s> healthy,<br>  Martin</p> <div class="signature">-- <br> Home is where my beer is. </div> Dropdown-Menu zur Sprachenerweiterung Fri, 31 Jul 20 08:18:02 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773953#m1773953 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773953#m1773953 <p>Hallo Der Martin,</p> <blockquote> <p>in irgendeinem Beitrag hatte Gunnar ein extra dafür designtes Symbol verlinkt. Nur: Wer kennt dieses Symbol? Wer würde es verstehen?</p> </blockquote> <p><a href="http://www.languageicon.org/" rel="nofollow noopener noreferrer">http://www.languageicon.org/</a></p> <blockquote> <p>Nur: Wer kennt dieses Symbol? Wer würde es verstehen?</p> </blockquote> <p>s. a. <a href="https://t3n.de/news/internationale-website-sprachumschaltung-748172/" rel="nofollow noopener noreferrer">https://t3n.de/news/internationale-website-sprachumschaltung-748172/</a> dort: Die Sprachumschaltungs-Icon-Initiative</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Du kannst das Projekt SELFHTML unterstützen,<br> indem du bei Amazon-Einkäufen <a href="https://smile.amazon.de/ch/314-570-45498" rel="nofollow noopener noreferrer">Amazon smile</a> (<a href="https://www.amazon.de/gp/help/customer/display.html?ie=UTF8&nodeId=202035970%5D" rel="nofollow noopener noreferrer">Was ist das?</a>) nutzt. </div> Dropdown-Menu zur Sprachenerweiterung Fri, 31 Jul 20 08:48:22 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773956#m1773956 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773956#m1773956 <p>Hallo,</p> <blockquote> <p>Was sieht man unter www.amazon.de / www.amazon.com? Eine Flagge! So falsch eine Flagge inhaltlich hier ja auch sein mag: es ist ganz schön etabliert.</p> </blockquote> <p>Dort kann dann aber sowohl die Sprache als auch das Land/die Region ausgewählt werden, was dann auch m.E. vertretbar ist.</p> <p>Gruß<br> Kalk</p> Dropdown-Menu zur Sprachenerweiterung Fri, 31 Jul 20 08:23:38 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773954#m1773954 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773954#m1773954 <blockquote> <blockquote> <p>in irgendeinem Beitrag hatte Gunnar ein extra dafür designtes Symbol verlinkt. Nur: Wer kennt dieses Symbol? Wer würde es verstehen?</p> </blockquote> <p><a href="http://www.languageicon.org/" rel="nofollow noopener noreferrer">http://www.languageicon.org/</a></p> </blockquote> <p>Habe ich persönlich noch nie in der freien Wildbahn im Einsatz gesehen. Gebaut wurde das Icon 2011. Durchaus ernüchternd, oder?</p> Dropdown-Menu zur Sprachenerweiterung Fri, 31 Jul 20 08:54:58 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773957#m1773957 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773957#m1773957 <p>Hallo Mitleser,</p> <p>in der Tat. Ich dachte, ich hätte es mal in MDN gesehen, aber das war ein Irrtum oder sie sind wieder davon weg.</p> <p>Microsoft.com verwendet einen Globus.</p> <p>ibm.com schickt mich gnadenlos auf die de-de Subsite, obwohl ich Französisch (Suisse) als vorrangige Sprache eingestellt habe. Offenbar haben sie meine deutsche IP erkannt.</p> <p>Steam schreibt Text: "language" auf der engl. Seite. US-Arroganz...</p> <p>Spotify verwendet Flaggen, immerhin mit der Zielseite "Select your country". Für die Schweiz bieten sie ausschließlich deutsch an. Bündnerromanen hören scheinbar keine Musik, und Tessiner oder Genfer müssen sich als Italiener oder Franzosen ausgeben. Hmpf. Fail.</p> <p>Aber immerhin: Youtube verwendet eine flat-Version des Icons (im Einstellungen-Dropdown versteckt). Und der Sprachselektor von Wikipedia auch.</p> <p>Die Sprachauswahl der großen Player scheint nichts von Gunnars Empfehlungen (bzw. von den von ihm zitierten Empfehlungen) zu wissen.</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> Dropdown-Menu zur Sprachenerweiterung Fri, 31 Jul 20 09:50:48 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773960#m1773960 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773960#m1773960 <p>@@Mitleser 2.0</p> <blockquote> <blockquote> <blockquote> <p>in irgendeinem Beitrag hatte Gunnar ein extra dafür designtes Symbol verlinkt. Nur: Wer kennt dieses Symbol? Wer würde es verstehen?</p> </blockquote> <p><a href="http://www.languageicon.org/" rel="nofollow noopener noreferrer">http://www.languageicon.org/</a></p> </blockquote> <p>Habe ich persönlich noch nie in der freien Wildbahn im Einsatz gesehen.</p> </blockquote> <p>Ich schon; genau dieses oder in abgespeckter Version ohne dieses 3D-Dingens: zwei Buchstaben aus verschiedenen Schriftsystemen (lateinisches/kyrillisches/griechisches A und beim <em lang="en">languageicon.org</em>-Icon ist’s wohl ein Hangeul-ㅊ) und ein Pfeil.</p> <p>Da könnte man intuitiv drauf kommen, dass es um Sprachen und den Übergang von einer zur anderen geht. Ich weiß nicht, ob das Icon gut genug ist; mir fiele aber kein besseres ein.</p> <p>Wie Rolf schon sagte, ist es auch in Wikipedia und YouTube präsent (mit chinesischem/japanischem Zeichen und ohne Pfeil).</p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> <em>“Turn off CSS. If the page makes no sense, fix your markup.”</em> —fantasai </div> Dropdown-Menu zur Sprachenerweiterung Fri, 31 Jul 20 16:05:08 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773997#m1773997 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773997#m1773997 <p>Hallo Rolf B,</p> <blockquote> <p>Aber immerhin: Youtube verwendet eine flat-Version des Icons (im Einstellungen-Dropdown versteckt). Und der Sprachselektor von Wikipedia auch.</p> </blockquote> <p>Die Ubernauten verwenden <a href="https://fontawesome.com/icons/language?style=solid" rel="nofollow noopener noreferrer">https://fontawesome.com/icons/language?style=solid</a>.</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Du kannst das Projekt SELFHTML unterstützen,<br> indem du bei Amazon-Einkäufen <a href="https://smile.amazon.de/ch/314-570-45498" rel="nofollow noopener noreferrer">Amazon smile</a> (<a href="https://www.amazon.de/gp/help/customer/display.html?ie=UTF8&nodeId=202035970%5D" rel="nofollow noopener noreferrer">Was ist das?</a>) nutzt. </div> Dropdown-Menu zur Sprachenerweiterung Fri, 31 Jul 20 10:17:51 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773961#m1773961 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773961#m1773961 <p>@@klawischnigg</p> <blockquote> <blockquote> <p>BTW, wenn man’s richtig schick machen will, verwendet man eine Schriftart, die auch bulgarische Glyphvarianten enthält:<br> <a href="/images/de368996-d289-11ea-8f0a-b42e9947ef30.png" rel="noopener noreferrer"><img src="/images/de368996-d289-11ea-8f0a-b42e9947ef30.png?size=medium" alt="„български“ mit bulgarischen und mit normalen kyrillischen („russischen“) Glyphen" loading="lazy"></a></p> </blockquote> </blockquote> <p>In der Wikipedia kann man das auch sehen:</p> <p><a href="/images/dd590642-d316-11ea-81c3-b42e9947ef30.png" rel="noopener noreferrer"><img src="/images/dd590642-d316-11ea-81c3-b42e9947ef30.png?size=medium" alt="" loading="lazy"></a></p> <p>Die Umschaltung macht der Browser automatisch anhand des <code>lang</code>-Attributs.</p> <blockquote> <p>Interessant. Deine bulgarischen Glyphen schauen für mich wie russische Schreibschrift aus.</p> </blockquote> <p>Ja, die bulgarischen Glyphen haben mehr Ähnlichkeit mit der Kursivschrift. Oder eben der Schreibschrift. S.a. Testseite <a href="https://bittersmann.de/test/topla-voda" lang="bg" rel="nofollow noopener noreferrer">топла вода</a>.</p> <blockquote> <p>Wird das in Bulgarien tatsächlich für Druck verwendet...?</p> </blockquote> <p>Ja. S.a. Artikel <a href="https://www.typotalks.com/news/2016/08/09/typofest-bulgaria/" rel="nofollow noopener noreferrer">Typofest Bulgaria</a></p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> <em>“Turn off CSS. If the page makes no sense, fix your markup.”</em> —fantasai </div> Dropdown-Menu zur Sprachenerweiterung Fri, 31 Jul 20 10:25:09 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773962#m1773962 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773962#m1773962 <p>Hallo zusammen,</p> <p>ich habe das Icon mal in die Tutorials-Navi eingebaut:</p> <p><a href="http://test.berkemeier.eu/selfwiki/Zuga%cc%88ngliche%20%20Navigation/Beispiel_Menue_mit_details_und_sprachwahl.html" rel="nofollow noopener noreferrer">http://test.berkemeier.eu/selfwiki/Zugängliche Navigation/Beispiel_Menue_mit_details_und_sprachwahl.html</a></p> <p>Was meint ihr?</p> <p>Gruß<br> Jürgen</p> Dropdown-Menu zur Sprachenerweiterung Fri, 31 Jul 20 10:33:40 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773963#m1773963 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773963#m1773963 <p>Hi there,</p> <blockquote> <p><a href="/images/dd590642-d316-11ea-81c3-b42e9947ef30.png" rel="noopener noreferrer"><img src="/images/dd590642-d316-11ea-81c3-b42e9947ef30.png?size=medium" alt="" loading="lazy"></a></p> <p>Die Umschaltung macht der Browser automatisch anhand des <code>lang</code>-Attributs.</p> </blockquote> <p>Wobei sich weissrussisch und ukrainisch offenbar nur sehr wenig unterscheiden.</p> <blockquote> <p>Ja, die bulgarischen Glyphen haben mehr Ähnlichkeit mit der Kursivschrift. Oder eben der Schreibschrift. S.a. Testseite <a href="https://bittersmann.de/test/topla-voda" lang="bg" rel="nofollow noopener noreferrer">топла вода</a>.</p> </blockquote> <p>Komisch. Mein Browser zumindest macht bei Deiner Warmwasserseite keinen Unterschied zwischen den einzelnen Sprachen... (oder hab ich da was mißverstanden?)</p> Dropdown-Menu zur Sprachenerweiterung Fri, 31 Jul 20 10:37:32 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773965#m1773965 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773965#m1773965 <p>Hallo JürgenB,</p> <p>zu klein. Auf languageicon.org steht, dass es mindestens 20x24 sein sollte, und du limitierst es auf 16. In dieser Größe finde ich es schlecht erkennbar. Ja ich weiß, man muss dann noch etwas basteln damit es nicht den Rest der Navi zerreißt.</p> <p>Ansonsten, yup, kann man so machen. Find ich. Schade, dass das Icon nicht als SVG vorliegt.</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> Dropdown-Menu zur Sprachenerweiterung Fri, 31 Jul 20 10:51:32 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773969#m1773969 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773969#m1773969 <blockquote> <p>ich habe das Icon mal in die Tutorials-Navi eingebaut:</p> <p><a href="http://test.berkemeier.eu/selfwiki/Zuga%cc%88ngliche%20%20Navigation/Beispiel_Menue_mit_details_und_sprachwahl.html" rel="nofollow noopener noreferrer">http://test.berkemeier.eu/selfwiki/Zugängliche Navigation/Beispiel_Menue_mit_details_und_sprachwahl.html</a></p> </blockquote> <p>Mich würde ein UX-Test mit 100 randomisierten Teilnehmern interessieren, die einmal diese Variante und eine Version der Flagge der USA präsentiert bekommen.</p> Dropdown-Menu zur Sprachenerweiterung Fri, 31 Jul 20 10:40:15 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773966#m1773966 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773966#m1773966 <p>@@klawischnigg</p> <blockquote> <blockquote> <p>Ja, die bulgarischen Glyphen haben mehr Ähnlichkeit mit der Kursivschrift. Oder eben der Schreibschrift. S.a. Testseite <a href="https://bittersmann.de/test/topla-voda" lang="bg" rel="nofollow noopener noreferrer">топла вода</a>.</p> </blockquote> <p>Komisch. Mein Browser zumindest macht bei Deiner Warmwasserseite keinen Unterschied zwischen den einzelnen Sprachen... (oder hab ich da was mißverstanden?)</p> </blockquote> <p>Mein Safari auch nicht – weder auf macOS noch auf iOS. Firefox und Chrome können’s.</p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> <em>“Turn off CSS. If the page makes no sense, fix your markup.”</em> —fantasai </div> Dropdown-Menu zur Sprachenerweiterung Fri, 31 Jul 20 10:50:02 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773968#m1773968 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773968#m1773968 <p>Hallo Rolf</p> <blockquote> <p>zu klein.</p> </blockquote> <p>finde ich auch.</p> <blockquote> <p>man muss dann noch etwas basteln damit es nicht den Rest der Navi zerreißt.</p> </blockquote> <p>genau </p> <blockquote> <p>Schade, dass das Icon nicht als SVG vorliegt.</p> </blockquote> <p>und mein Versuch, im Adobe Illustrator (das Icon liegt auch als .ai vor) alsSVG zu spiechern, ist kläglich gescheitert. Es wurden nur so ca. 10% aus der Mitte gespeichert. Aber ich versuche es noch mal mit Corel Draw.</p> <p>Gruß<br> Jürgen</p> Dropdown-Menu zur Sprachenerweiterung Fri, 31 Jul 20 13:01:37 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773973#m1773973 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773973#m1773973 <p>Hallo,</p> <p>ich habe jetzt mal eine Weltkugel und das Language-Icon zum vergleichen eingebaut, beide 2em hoch:</p> <p><a href="http://test.berkemeier.eu/selfwiki/Zuga%cc%88ngliche%20%20Navigation/Beispiel_Menue_mit_details_und_sprachwahl.html" rel="nofollow noopener noreferrer">http://test.berkemeier.eu/selfwiki/Zugängliche Navigation/Beispiel_Menue_mit_details_und_sprachwahl.html</a></p> <p>Gruß<br> Jürgen</p> Dropdown-Menu zur Sprachenerweiterung Fri, 31 Jul 20 15:44:00 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773993#m1773993 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773993#m1773993 <p>Hallo JürgenB,</p> <blockquote> <blockquote> <p>Schade, dass das Icon nicht als SVG vorliegt.</p> </blockquote> </blockquote> <p><a href="/images/6819e878-d344-11ea-bede-b42e9947ef30.svg" rel="noopener noreferrer"><img src="/images/6819e878-d344-11ea-bede-b42e9947ef30.svg" alt="Language-Icon SVG" loading="lazy"></a></p> <p>online mit <a href="https://convertio.co/" rel="nofollow noopener noreferrer">https://convertio.co/</a> (aus der .eps-Datei)</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Du kannst das Projekt SELFHTML unterstützen,<br> indem du bei Amazon-Einkäufen <a href="https://smile.amazon.de/ch/314-570-45498" rel="nofollow noopener noreferrer">Amazon smile</a> (<a href="https://www.amazon.de/gp/help/customer/display.html?ie=UTF8&nodeId=202035970%5D" rel="nofollow noopener noreferrer">Was ist das?</a>) nutzt. </div> Dropdown-Menu zur Sprachenerweiterung Fri, 31 Jul 20 15:53:19 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773994#m1773994 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773994#m1773994 <p>Hallo,</p> <p>ich habe jetzt noch mal eine andere Weltkugel eingebaut:</p> <p><a href="http://test.j-berkemeier.de/selfwiki/Zuga%cc%88ngliche%20%20Navigation/Beispiel_Menue_mit_details_und_sprachwahl.html" rel="nofollow noopener noreferrer">http://test.j-berkemeier.de/selfwiki/Zugängliche Navigation/Beispiel_Menue_mit_details_und_sprachwahl.html</a></p> <p>Gruß Jürgen</p> Dropdown-Menu zur Sprachenerweiterung Fri, 31 Jul 20 13:12:56 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773974#m1773974 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773974#m1773974 <p>Hallo JürgenB,</p> <p>am Handy gefällt mir das Language-Symbol besser.</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Du kannst das Projekt SELFHTML unterstützen,<br> indem du bei Amazon-Einkäufen <a href="https://smile.amazon.de/ch/314-570-45498" rel="nofollow noopener noreferrer">Amazon smile</a> (<a href="https://www.amazon.de/gp/help/customer/display.html?ie=UTF8&nodeId=202035970%5D" rel="nofollow noopener noreferrer">Was ist das?</a>) nutzt. </div> Dropdown-Menu zur Sprachenerweiterung Fri, 31 Jul 20 13:16:22 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773976#m1773976 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773976#m1773976 <p>Hallo,</p> <blockquote> <p>ich habe jetzt mal eine Weltkugel und das Language-Icon zum vergleichen eingebaut, beide</p> </blockquote> <p>Spräche etwas dagegen, beide im selben Menupunkt einzubauen?</p> <p>Gruß<br> Kalk</p> Dropdown-Menu zur Sprachenerweiterung Fri, 31 Jul 20 13:16:25 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773977#m1773977 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773977#m1773977 <p>Hallo JürgenB,</p> <p>das sieht deutlich besser aus. Das Problem bei der Weltkugel ist, dass das keine Kugel ist, sondern ein leeres Meridiannetz. Deswegen finde ich das nicht so intuitiv.</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> Dropdown-Menu zur Sprachenerweiterung Fri, 31 Jul 20 13:19:06 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773978#m1773978 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773978#m1773978 <p>Hallo,</p> <blockquote> <p>Das Problem bei der Weltkugel ist, dass das keine Kugel ist, sondern ein leeres Meridiannetz. Deswegen finde ich das nicht so intuitiv.</p> </blockquote> <p>Du Mensch des 21. Jahrhunderts, denkt doch nicht so 2-dimensional!</p> <p>Gruß<br> Kalk</p> Dropdown-Menu zur Sprachenerweiterung Fri, 31 Jul 20 13:32:22 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773981#m1773981 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773981#m1773981 <blockquote> <p>Hallo JürgenB,</p> <p>das sieht deutlich besser aus. Das Problem bei der Weltkugel ist, dass das keine Kugel ist, sondern ein leeres Meridiannetz. Deswegen finde ich das nicht so intuitiv.</p> </blockquote> <p>Bei mir ist es umgekehrt. Da ich solche oder ähnliche Symbole schon seit vielen Jahren relativ häufig auf Websites gesehen habe, ist das für mich wesentlich intuitiver als das Language-Icon. Insbesondere, da man i.d.R. mit dessen linken Symbol wenig anfangen kann (wenn man es denn überhaupt als mehr als eine Krakelei identifizieren kann)) und das „A“ rechts ist verwirrend, da „A“ meist in Verbindung mit der Möglichkeit zur Änderung der Schriftgröße verwendet wird/wurde. Mit Sprachänderung bringe ich das nicht in Verbindung, wenn ich es vorher nicht weiß.</p> <div class="signature">-- <br> Stur lächeln und winken, Männer! </div> Dropdown-Menu zur Sprachenerweiterung Fri, 31 Jul 20 13:33:31 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773982#m1773982 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773982#m1773982 <p>Hallo Rolf,</p> <blockquote> <p>… Das Problem bei der Weltkugel ist, dass das keine Kugel ist, sondern ein leeres Meridiannetz. Deswegen finde ich das nicht so intuitiv.</p> </blockquote> <p>aber ein Globus mit Kontinenten ist schlecht skalierbar und für diese Größe zu filigran.</p> <p>Gruß<br> Jürgen</p> Dropdown-Menu zur Sprachenerweiterung Fri, 31 Jul 20 13:30:04 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773980#m1773980 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773980#m1773980 <p>Hallo Tabellenkalk,</p> <p>pöh, hat ein Kreis etwa Meridiane? </p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> Dropdown-Menu zur Sprachenerweiterung Fri, 31 Jul 20 13:36:16 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773983#m1773983 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773983#m1773983 <p>Hallo JürgenB,</p> <blockquote> <blockquote> <p>… Das Problem bei der Weltkugel ist, dass das keine Kugel ist, sondern ein leeres Meridiannetz. Deswegen finde ich das nicht so intuitiv.</p> </blockquote> <p>aber ein Globus mit Kontinenten ist schlecht skalierbar und für diese Größe zu filigran.</p> </blockquote> <p>Der Gerhard hat da was erfunden.</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Du kannst das Projekt SELFHTML unterstützen,<br> indem du bei Amazon-Einkäufen <a href="https://smile.amazon.de/ch/314-570-45498" rel="nofollow noopener noreferrer">Amazon smile</a> (<a href="https://www.amazon.de/gp/help/customer/display.html?ie=UTF8&nodeId=202035970%5D" rel="nofollow noopener noreferrer">Was ist das?</a>) nutzt. </div> Dropdown-Menu zur Sprachenerweiterung Fri, 31 Jul 20 14:17:12 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773985#m1773985 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773985#m1773985 <p>Hi Jürgen,</p> <blockquote> <blockquote> <p>… Das Problem bei der Weltkugel ist, dass das keine Kugel ist, sondern ein leeres Meridiannetz. Deswegen finde ich das nicht so intuitiv.</p> </blockquote> <p>aber ein Globus mit Kontinenten ist schlecht skalierbar und für diese Größe zu filigran.</p> </blockquote> <p>er muss ja die Kontinente nicht exakt abbilden. Ein Kreis, der durch Schattierungen die Illusion einer Kugel bekommt. Überwiegend blau mit ein paar bräunlich-grünen Flecken. Oben und unten ein kleines weißes Fleckchen, fertig. Natürlich als SVG.</p> <p>Wie gut das dann auf 24px herunterskaliert aussieht, müsste man mal probieren.</p> <p>Live long and <s>pros</s> healthy,<br>  Martin</p> <div class="signature">-- <br> Home is where my beer is. </div> Dropdown-Menu zur Sprachenerweiterung Fri, 31 Jul 20 16:57:22 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1774000#m1774000 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1774000#m1774000 <p>Hallo Matthias,</p> <p>danke, aber ich konnte es schon mit Corel Draw umwandeln.</p> <p>Gruß<br> Jürgen</p> Dropdown-Menu zur Sprachenerweiterung Fri, 31 Jul 20 16:12:41 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773998#m1773998 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773998#m1773998 <p>Hallo JürgenB,</p> <p>schick. Dagegen fällt das Language-Icon langweilig aus.</p> <p>Aber mit <code>height: 3em; transform: translateY(-0.9em);</code> (nur am Icon, nicht an der Kugel) gleicht sich das aus. Finde ich.</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> Dropdown-Menu zur Sprachenerweiterung Fri, 31 Jul 20 16:55:48 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773999#m1773999 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1773999#m1773999 <p>Hallo Rolf,</p> <p>das Icon darf nur nicht zu groß werden, es steht ja in einer Linie mit den Textlinks.</p> <p>Gruß<br> Jürgen</p> Dropdown-Menu zur Sprachenerweiterung Fri, 31 Jul 20 17:16:12 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1774001#m1774001 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1774001#m1774001 <p>Hallo JürgenB,</p> <p>die genannten Zahlen hatte ich in den Entwicklerwerkzeugen ausprobiert, da hat's noch gepasst.</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> Dropdown-Menu zur Sprachenerweiterung Fri, 31 Jul 20 21:08:37 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1774010#m1774010 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1774010#m1774010 <p>Hallo Rolf,</p> <p>ich habe es jetzt auf 2.5em gesetzt, 3em fand ich etwas zu groß. Ich habe die Sprachwahllinks auch mal an den rechten Rand geschoben.</p> <p>@All</p> <ul> <li>Soll ich das <a href="https://wiki.selfhtml.org/wiki/JavaScript/Tutorials/zug%C3%A4ngliche_Dropdown-Navigation" rel="nofollow noopener noreferrer">Navi-Tutorial</a> um den Sprachwahllink erweitern?</li> <li>Wenn ja, soll ich das Language-Icon nehmen, oder die Weltkugel (oder was ganz anderes)?</li> </ul> <p>Gruß<br> Jürgen</p> <p><a href="http://test.j-berkemeier.de/selfwiki/Zuga%cc%88ngliche%20%20Navigation/Beispiel_Menue_mit_details_und_sprachwahl.html" rel="nofollow noopener noreferrer">http://test.j-berkemeier.de/selfwiki/Zugängliche Navigation/Beispiel_Menue_mit_details_und_sprachwahl.html</a></p> Dropdown-Menu zur Sprachenerweiterung Fri, 31 Jul 20 21:12:38 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1774012#m1774012 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1774012#m1774012 <p>Hallo JürgenB,</p> <blockquote> <ul> <li>Soll ich das <a href="https://wiki.selfhtml.org/wiki/JavaScript/Tutorials/zug%C3%A4ngliche_Dropdown-Navigation" rel="nofollow noopener noreferrer">Navi-Tutorial</a> um den Sprachwahllink erweitern?</li> </ul> </blockquote> <p>Ja, bitte.</p> <blockquote> <ul> <li>Wenn ja, soll ich das Language-Icon nehmen, oder die Weltkugel (oder was ganz anderes)?</li> </ul> </blockquote> <p>Ich wäre für das Language-Icon.</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Du kannst das Projekt SELFHTML unterstützen,<br> indem du bei Amazon-Einkäufen <a href="https://smile.amazon.de/ch/314-570-45498" rel="nofollow noopener noreferrer">Amazon smile</a> (<a href="https://www.amazon.de/gp/help/customer/display.html?ie=UTF8&nodeId=202035970%5D" rel="nofollow noopener noreferrer">Was ist das?</a>) nutzt. </div> Dropdown-Menu zur Sprachenerweiterung Fri, 31 Jul 20 21:22:58 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1774013#m1774013 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1774013#m1774013 <p>Hallo Jürgen,</p> <p>ist okay so. Die open/close Logik müsste dann noch auf die beiden Dropdowns ausgedehnt werden.</p> <p>Danke schön, dass Du das erforscht hast.</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> Dropdown-Menu zur Sprachenerweiterung Fri, 31 Jul 20 21:57:59 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1774015#m1774015 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1774015#m1774015 <p>Hallo Rolf,</p> <blockquote> <p>ist okay so. Die open/close Logik müsste dann noch auf die beiden Dropdowns ausgedehnt werden.</p> </blockquote> <p><a href="http://test.j-berkemeier.de/selfwiki/Zuga%cc%88ngliche%20%20Navigation/Beispiel_Menue_mit_details.html" rel="nofollow noopener noreferrer">done</a></p> <p>Gruß<br> Jürgen</p> Dropdown-Menu zur Sprachenerweiterung Sun, 02 Aug 20 07:58:02 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1774059#m1774059 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1774059#m1774059 <p>Hallo zusammen,</p> <p>ich habe gerade eine repräsentative Befragung durchgeführt - bei meiner Frau. Sie konnte mit dem Language-Icon überhaupt nichts anfangen („Läuft da jemand weg?“), bei der Weltgugel war ihr sofort klar, was sich dahinter verbirgt.</p> <p>Gruß<br> Jürgen</p> Dropdown-Menu zur Sprachenerweiterung Sun, 02 Aug 20 08:24:32 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1774060#m1774060 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1774060#m1774060 <blockquote> <p>Sie konnte mit dem Language-Icon überhaupt nichts anfangen („Läuft da jemand weg?“)</p> </blockquote> <p>Hier ähnlich. Fluchtweg / Drehtür waren meine Assoziationen zu dem Teil.</p> <blockquote> <p>bei der Weltgugel war ihr sofort klar, was sich dahinter verbirgt.</p> </blockquote> <p>Wäre ich auf der Suche nach einer Sprachwahl, würde ich da im Zweifel auch mal drauf drücken. Erster Gedanke aber analog Martin: hier komme ich zu den weltweiten Filialen von Firma X.</p> Dropdown-Menu zur Sprachenerweiterung Sun, 09 Aug 20 20:53:35 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1774377#m1774377 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1774377#m1774377 <p>Hallo Gustav,</p> <p>ich war wohl geistig abwesend.</p> <p>Was du mit dem blauen Ereignisrahmen meinst, weiß ich nicht genau. Ich sehe nichts blaues. Nur graue Hinterlegung bei den Menüpunkten, und einen dünnen gestrichelten Rahmen um das Summary-Element, der zu sehen ist wenn es den Fokus hat. Um die <a> Elemente ist bei mir bei Fokus ein kräftiger schwarzer Rahmen zu sehen. Das ist ein "outline", es wird vom Browser vorgegeben. Da Du den Fokus durch einen grauen Hintergrund darstellst, könntest Du den Outline mit <code>outline:none</code> auf den Links und dem <summary> entfernen.</p> <p>Die Justierung des Popup-Div ist für Schmal- und Breitmodus verschieden. Im "Normalmodus" (Schmal) nimmst Du right:50% und transform:translate(50%, 0). Im Breitmodus ist es right:0 und transform:none, dadurch ist das Popup im Breitmodus rechtsbündig.</p> <p>Was gar nicht passt, ist das <code>flex-grow:2;</code> beim Sprachenmenü. Es macht das Menüelement viel zu breit. Es sollte, wie das Menu-Item für "Home", ein flex-grow:0 haben. Und eine genügend große Flex-Basis (Parameter 3 der Flex-Eigenschaft), damit zwischen Pfeil und Kugel nicht umgebrochen wird. Das hat Auswirkung auf die Breite des Popup-div, aber das gleichst Du mit <code>width:12em;</code> für dieses div (nur im Breitmodus) wieder aus.</p> <p>Das vertikale Padding geht schief weil Du Pixel als px angeben musst. <code>padding: 4 0.5em;</code> ist falsch und wird ignoriert.<code>padding: 4px 0.5em;</code> wäre besser. Aber 0.25em statt 4px wäre noch besser.</p> <p>Pfeil und Kugel sind auch schlecht ausgerichtet. Das liegt daran, dass das Image keine anständige Baseline hat und deshalb am oberen Rand der Box klebt. Schiebe es nach unten, mit <code>vertical-align: bottom;</code>. Und nimm die width/height Angaben aus dem HTML heraus. Da sind nur Pixel erlaubt, im CSS kannst Du die Größe in em ausdrücken. Z.B. mit <code>height: 1.25em;</code>, das sieht bei mir ganz gut aus. Wenn das <summary> Element dann auch ein vertikales Padding von 0.5em bekommt, so wie die <a> Elemente, passt auch die Höhe.</p> <p>Dass die Rahmen um die Menüpunkte aneinanderkleben war Absicht? War da nicht mal eine Lücke (margin)?</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> Dropdown-Menu zur Sprachenerweiterung Mon, 10 Aug 20 06:48:56 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1774382#m1774382 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1774382#m1774382 <p>Hallo Gustav,</p> <p>nur zur Info: ich habe das Menü im Wiki um eine Sprachwahl erweitert:</p> <p><a href="https://wiki.selfhtml.org/extensions/Selfhtml/example.php/Beispiel:Menue_mit_details.html" rel="nofollow noopener noreferrer">https://wiki.selfhtml.org/extensions/Selfhtml/example.php/Beispiel:Menue_mit_details.html</a></p> <p>Gruß<br> Jürgen</p> Dropdown-Menu zur Sprachenerweiterung Wed, 12 Aug 20 14:17:35 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1774517#m1774517 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1774517#m1774517 <p>Hallo Rolf B,</p> <blockquote> <p>Was du mit dem blauen Ereignisrahmen meinst, weiß ich nicht genau. Ich sehe nichts blaues. Nur [...] einen dünnen gestrichelten Rahmen um das Summary-Element, der zu sehen ist wenn es den Fokus hat.</p> </blockquote> <p>So sieht wahrscheinlich in seinem Browser die Formatierung für :focus aus.</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Du kannst das Projekt SELFHTML unterstützen,<br> indem du bei Amazon-Einkäufen <a href="https://smile.amazon.de/ch/314-570-45498" rel="nofollow noopener noreferrer">Amazon smile</a> (<a href="https://www.amazon.de/gp/help/customer/display.html?ie=UTF8&nodeId=202035970%5D" rel="nofollow noopener noreferrer">Was ist das?</a>) nutzt. </div> Dropdown-Menu zur Sprachenerweiterung Fri, 14 Aug 20 15:12:33 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1774545#m1774545 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1774545#m1774545 <p>Hallo Rolf,</p> <p>Danke erst einmal für deine umfangreiche Antwort.</p> <p>Ich füge hier mal einen Screenshot ein, wie das bei mir in Safari aussieht, in Firefox ist der erwähnt blaue Ereignisrahmen dann grau.</p> <p><a href="/images/e6b858ee-de3f-11ea-9c56-b42e9947ef30.png" rel="noopener noreferrer"><img src="/images/e6b858ee-de3f-11ea-9c56-b42e9947ef30.png?size=medium" alt="Menuzeile mit Ereignisrahmen" title="Blauer_Ereignisrahmen" loading="lazy"></a></p> <p>Diese zusätzliche Einrahmung möchte ich gern ausblenden, ist das wie Matthias meint, über Focus zu definieren?</p> <p>Ich habe nun entsprechend deiner Ausführungen den Link aus der html-Datei entfernt und folgendermaßen in die CSS-Datei verschoben und dabei auch die outline-Beschreibung mit eingebaut. Mit outline an dieser Stelle blendet der Ereignisrahmen sich bei mir aber nicht aus.</p> <pre><code class="block language-css"><span class="token selector">nav summery</span> <span class="token punctuation">{</span> <span class="token property">vertical-align</span><span class="token punctuation">:</span> bottom<span class="token punctuation">;</span> <span class="token property">background</span><span class="token punctuation">:</span> <span class="token url"><span class="token function">url</span><span class="token punctuation">(</span><span class="token string url">'../img/globeB.png'</span><span class="token punctuation">)</span></span> no-repeat<span class="token punctuation">;</span> <span class="token property">height</span><span class="token punctuation">:</span> 1.25em<span class="token punctuation">;</span> <span class="token property">padding</span><span class="token punctuation">:</span> .5em<span class="token punctuation">;</span> <span class="token property">outline</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span> </code></pre> <p>Nun zeigt sich zudem der Globus nicht mehr. Das Problem hatte ich auch schon früher beim home-button, den ich eigentlich auch lieber im CSS eingebettet sehen würde. Offenbar finde ich da nicht die richtige Stellvertreterbeschreibung.</p> <p>Dann habe ich die nav li-Elemente mit einem</p> <pre><code class="block language-css"><span class="token property">margin</span><span class="token punctuation">:</span> 0 4em<span class="token punctuation">;</span> </code></pre> <p>ausgestattet, was den ursprünglich geplanten Abstand der einzelnen Menupunkte zueinander, wie du richtig erinnerst, wieder herstellt.</p> <p>flex-grow: 2 oder flex:2... habe ich im CSS nirgendwo finden können, deshalb weiss ich noch nicht so genau, was du da meinst, die Justierung für das PopUp-div funktioniert mit deinen Angaben jetzt jedenfalls gut.</p> <p>Dann habe ich noch eine Frage zu der Normalmodus-Darstellung. Dort sind die Menurahmen nicht über die gesamte Breite angelegt, haben zueinander keine Abstände und unterhalb des Menunamens ist ein größerer Abstand zum Rahmen als oberhalb. Wie kann ich das in Form bringen?</p> <p>In Firefox ist mir dann aufgefallen, dass das Logo unten abgeschnitten und zudem zu groß dargestellt wird. Liegt das daran, dass ich dort eine svg-Datei verwende und die in ihrer Größe definieren müsste?</p> <p>Schöne Grüße, Gustav</p> Dropdown-Menu zur Sprachenerweiterung Fri, 14 Aug 20 15:16:10 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1774546#m1774546 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1774546#m1774546 <p>Hallo Jürgen,</p> <p>war das von dir so gemeint, dass ich mir html und CSS-Datei des wikis als Vorbild ansehen könnte?</p> <p>Schöne Grüße, Gustav</p> Dropdown-Menu zur Sprachenerweiterung Fri, 14 Aug 20 15:38:30 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1774547#m1774547 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1774547#m1774547 <p>@@Gustav</p> <blockquote> <p>Diese zusätzliche Einrahmung möchte ich gern ausblenden</p> </blockquote> <p>Bevor du das tust, solltest du überlegen, wie du den Hat-den-Fokus-Zustand denn anders kenntlichmachen willst. Gar nicht ist keine Option.</p> <blockquote> <p>Nun zeigt sich zudem der Globus nicht mehr. Das Problem hatte ich auch schon früher beim home-button, den ich eigentlich auch lieber im CSS eingebettet sehen würde.</p> </blockquote> <p>Stimmen denn deine Pfade? Relative Pfade im HTML-Dokoment beziehen sich aufs HTML-Dokoment; relative Pfade im CSS-Dokoment beziehen sich aufs CSS-Dokoment.</p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> <em>“Turn off CSS. If the page makes no sense, fix your markup.”</em> —fantasai </div> Dropdown-Menu zur Sprachenerweiterung Fri, 14 Aug 20 15:58:26 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1774548#m1774548 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1774548#m1774548 <p>Hallo Gustav,</p> <p>(1) Heißt es summary, nicht summery (in deiner .css Datei) - das bringt Dir den Globus wieder</p> <p>(2) schaltest Du für die Links das Outline ab und eine graue Hinterlegung bei :focus und :hover ein. Das musst Du für das summary-Element auch machen.</p> <p>Allerdings: warum die gewohnte Benutzererfahrung mit Outlines kaputt machen? Vorhandene Browserfeatures abzuschalten und dann selbst neu zu machen ist so als würdest von deinem Auto die Räder abschrauben, es auf einen Hubwagen laden und dann klagen, dass der Antrieb nicht gut funktioniert.</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> Dropdown-Menu zur Sprachenerweiterung Fri, 14 Aug 20 16:11:37 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1774549#m1774549 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1774549#m1774549 <p>Hallo Gustav,</p> <p>du hattest ja das Wiki-Totorial zur Navigation erwähnt. Ich habe die Diskussion hier zum Anlass genommen, das Tutorial um den Punkt Sprachnavigation zu erweitern. Und darauf wollte ich dich nur hinweisen.</p> <p>Gruß<br> Jürgen</p> Dropdown-Menu zur Sprachenerweiterung Fri, 14 Aug 20 17:18:03 Z https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1774550#m1774550 https://forum.selfhtml.org/self/2020/jul/26/dropdown-menu-zur-sprachenerweiterung/1774550#m1774550 <p>@ Rolf @ Gunnar</p> <p>Ich denke, ich verstehe, was ihr da meint. Danke für den Hinweis. Das hatte ich so noch nicht gesehen.</p> <p>@ Rolf</p> <p>Ich schick hier noch mal ein Screenshot aus meiner Firefox-Darstellung im Normalmodus.</p> <p><a href="/images/f95c5dc6-de51-11ea-8edf-b42e9947ef30.png" rel="noopener noreferrer"><img src="/images/f95c5dc6-de51-11ea-8edf-b42e9947ef30.png?size=medium" alt="Firefox_Menu_Normalmodus" title="Firefox_Menu_Normalmodus" loading="lazy"></a></p> <p>Siehst du vielleicht, was da falsch läuft?</p> <p>Schöne Grüße, Gustav</p>