Support » Allgemeine Fragen » tabs in Firefox und IE,Edge unterschiedlich

  • Hallo Zusammen
    Habe nun doch einen gang zugelegt, dennoch stolpere ich immer wieder…
    Bitte weshalb werden die TABs mit dem Firefox und dem IE, Edge, unterschiedlich angezeigt.

    http://www.caloro.ch

    die tabs wurden mit CSS definiert.

    .tab {position:absolute;left:930px;}
    .tabm {position:absolute;left:650px;}
    .tabmm {position:absolute;left:950px;}

    Einbau wurde so gelöst:
    <p><a href="https://www.caloro.ch/eigrp/">Protokoll EIGRP</a><span class="tab">Protokoll OSPF</span><br /><span class="tabm">EIGRP <a href="https://www.caloro.ch/neighborship/">Neighborship</a></span><span class="tabmm">OSPF Neighborship</span><br /><span class="tabm">EIGRP Static-Neighbor</span><span class="tabmm">OSPF Static-Neighbor</span><br /><span class="tabm">EIGRP <a href="https://www.caloro.ch/loadbalancing/">Loadbalancing - Unequal Cost</a></span><span class="tabmm">OSPF Loadbalancing - Unequal Cost</span><br /><span class="tabm">EIGRP <a href="https://www.caloro.ch/redistribution/">Redistribution</a></span><span class="tabmm">OSPF Redistribution</span><br /><span class="tabm">EIGRP <a href="https://www.caloro.ch/authentication/">Authentication</a></span><span class="tabmm">OSPF Authentication</span><br /><span class="tabm">EIGRP <a href="https://www.caloro.ch/named">Named</a></span><span class="tabmm">OSPF Named</span><br /><!-- /wp:paragraph --></p>

    Danke für eine mögliche Hilfe!
    Gruss
    Mauri

Ansicht von 8 Antworten - 1 bis 8 (von insgesamt 8)
  • Hallo,
    sorry, aber so ganz verstehe ich nicht, warum du an dieser Stelle nicht einfach den Listenblock des Block-Editors nutzt. Damit wäre zumindest sichergestellt, dass sich keine signifikanten Designunterschiede bei den verschiedenen Browsern ergeben.
    Viele Grüße
    Hans-Gerd

    Thread-Starter maca0

    (@maca0)

    Guten Abend
    Nein denn Listenblock im Block-Editor finde ich bei mir nicht, und ich habe denn BlockEditor vor mir geöffnet…..

    http://www.caloro.ch/test/

    In firefox erscheint dies korrekt, im IE oder Edge versetzt…..

    • Diese Antwort wurde geändert vor 3 Jahren, 5 Monaten von maca0.

    Hallo,
    den Listenblock findest du, wenn du auf das schwarze „+“ klickst, um die Blockauswahl aufzurufen:
    listenblock
    Solltest du den Listenblock nicht direkt in der Auswahl sehen (da werden immer die zuletzt gewählten Blöcke gezeigt), dann klickst du auf „Alle durchsuchen“. In dem Fall wird links eine Leiste mit allen verfügbaren Blöcken gezeigt. Da findest du auf jeden Fall den Listenblock unter der Rubrik „Text“.
    Viele Grüße
    Hans-Gerd

    Da im Titel von Tabs die Rede ist, nehme ich an, dass eine Darstellung wie hier gewünscht ist?

    https://www.kadenceblocks.com/tabs-block/

    Thread-Starter maca0

    (@maca0)

    Hallo Zusammen
    Zuerst besten und vielen Dank für Eure Drahtseile 🙂

    Es soll in ca. so aussehen http://www.caloro.ch/test/
    Nur möchte ich hier noch etwas mehr Formatierung rein bringen:

    Protokoll EIGRP << dies soll Fett erscheinen
    „tabulator“>EIGRP Neighborship << dies soll untergeordnet erscheinen, feiner im Text.

    Danke

    Hallo,
    @pixolin: das glaube ich nicht, weil @maca0 immer wieder auf seine Lösungen verweist.
    @maca0: ich verstehe ehrlich gesagt nicht, warum du das unbedingt mit deiner Lösung umsetzen willst, wenn es doch bequem und einfach mit dem Listenblock geht? – Hast du das mal probiert?
    Viele Grüße
    Hans-Gerd

    Hm, dann verstehe ich nicht, was mit

    die tabs wurden mit CSS definiert.

    .tab {position:absolute;left:930px;}
    .tabm {position:absolute;left:650px;}
    .tabmm {position:absolute;left:950px;}

    gemeint ist. ¯\_(ツ)_/¯

    Protokoll EIGRP << dies soll Fett erscheinen
    „tabulator“>EIGRP Neighborship << dies soll untergeordnet erscheinen, feiner im Text.

    Halten wir fest: Hans-Gerd hat recht und mit „Tabs“ hat das so ziemlich gar nichts zu tun. 😀

    Probier mal folgendes CSS-Regeln, die du im Customizer unter Zusätzliches CSS einträgst:

    ul li { font-weight: bold; }
    ul ul li { 
    font-weight: normal;
    list-style-type: none;
    }

    (Allerdings hast du deine Liste nochmal in eine Liste verschachtelt, weshalb der Code so erst einmal nicht funkioniert. Wenn du das behebst, sollte es klappen.)

    Grundsätzlich ist es Aufgabe des Themes, die Gestaltung von Listen vorzugeben. In einem Custom Management System hast du – aus gutem Grund – nicht die gleichen Gestaltungsmöglichkeiten wie in einem Textverarbeitungsprogramm auf deinem Computer. Du kannst das Theme anpassen, wenn du über entsprechende Kenntnisse in CSS verfügst und (wie im Beispiel oben) eigene CSS-Regeln im Customizer einträgst. Denk bitte daran, dass wir gerne möglichst vielen AnwenderInnen Hilfe zur Selbsthilfe geben möchten, aber weder auf Zuruf Anpassungen an kostenlos zur Verfügung gestellten Themes vornehmen, noch CSS-Grundlagen vermitteln können.

Ansicht von 8 Antworten - 1 bis 8 (von insgesamt 8)
  • Das Thema „tabs in Firefox und IE,Edge unterschiedlich“ ist für neue Antworten geschlossen.