-
-
Gib mal die "-" weg! Nur ein Leerzeichen zwischen den Namen. Und Platz sollte auch sein oben und unten.
-
Hallo Andy
Das hilft leider nicht.
Gruß Rainer
-
Mit welcher Version arbeitest du ? In der V11 war es nicht möglich, aber in der V12 müsste es 2zeilig anzeigen.
-
Hallo Andy
Ich arbeite mit der Version V12prof. Wo kann ich bei der von Dir angegebenen Website ein Beispiel sehen?
Gruß Rainer
-
Sorry ich habe es verwechselt mit den Menübutton. Es sind ja Tabreiter von einem Text-OBjekt oder? Das müsste ich erst testen ob das geht.
-
schlimmstenfalls machst ein Bild mit der Beschriftung und fügst das ein.
-
Hallo
Ja es sind Tabreiter von einem Text-OBjekt. Hätte ich vielleicht dazu schreiben sollen.
Bernie, diese Variante möchte ich nicht anwenden.Gruß Rainer
-
-
@bernie: Habe ich früher auch so gemacht, ist aber verdammt SEO-untauglich und die Suchmaschinen sehen das nicht gerne (= eigentlich nichts ;o)
@fussel: Ist wie pcssa schrieb, eine Kombination aus der richtigen Einstellung des Hauptmenü-Stils, evtl. auch Schriftartwahl und deren Größe.
Dir gutes Gelingen! (und poste mal ´n Pic von der gelösten Lösung!) -
-
ICh habe ein bisschen getestet und bin draufgekommen, dass es von der Font größe abhängt. Nicht dass man es kleiner schaltet sondern es hängt bei der Css 2 verschiedene Werte an die das floaten verhindert. z.B. font: 18pt/130px "Tahoma";
Leider kann man das nur per CSS korrigieren.
Dazu muss man zuerst rausfinden welche Nummer das Text-Objekt hat im Quellcode und dann folgende Zeile vor dem </head> Tag einfügen.
Die Nummer 1 ersetzen mit deiner Nummer ! Und gegebenenfalls die Größe des Fonts ändern. -
Hallo Andy
So hat es funktioniert.
Wenn man jetzt noch die Einzeiligen etwas runter bekommen würde wäre es ideal.
Mit dem Einfügen von padding und margin Angaben wird aber immer der gesammte Tab verschoben. Ist irgendwie blöd gelöst von Inco.Gruß Rainer
-
-
Hallo
An den Code habe ich gar nicht gedacht.
Also so sieht es aus:HTML- <div id="imTextObject_5">
- <div class="text-tabs">
- <div class="text-tabs-border"></div>
- <a class="tab floated-tab tab-scroller"><span></span></a>
- <div class="text-tabs-outer floated-tab">
- <div class="text-tabs-inner">
- <a class="tab first-tab selected-text-tab" href="#imTextObject_5_tab0" data-index="0" style="left: 0px;">Publikationen</a>
- <a class="tab" href="#imTextObject_5_tab1" data-index="1" style="left: 0px;">Eingereichte Publikationen</a>
- <a class="tab" href="#imTextObject_5_tab2" data-index="2" style="left: 0px;">Vorträge</a>
- <a class="tab" href="#imTextObject_5_tab3" data-index="3" style="left: 0px;">Poster</a>
- <a class="tab" href="#imTextObject_5_tab4" data-index="4" style="left: 0px;">Patent- anmeldungen</a>
- <a class="tab last-tab" href="#imTextObject_5_tab5" data-index="5" style="left: 0px;">Offen- legungen</a>
- </div>
- </div>
- <a class="tab floated-tab last-tab tab-scroller"><span></span></a>
- </div>
Zusätzlich noch folgender CSS-Code von Andy für die zweizeilige Darstellung. Schriftgröße angepasst.
Vielleicht kannst Du damit was anfangen.Gruß Rainer
-
-
-
Hallo
Vielen Dank an alle helfenden. Nun passt es.
Den CSS-Code habe ich noch etwas angepasst.
CSS- #imTextObject_5 .tab {
- font: bold 11pt/15pt "Tahoma";
- }
- [data-index="0"] {
- color: #E25896 ! important;
- height: 36px !important;
- padding-top: 13px;
- }
- [data-index="1"] {
- color: #E00000 ! important;
- height: 44px !important;
- padding-top: 5px;
- }
- [data-index="2"] {
- color: #996666 ! important;
- height: 36px !important;
- padding-top: 13px;
- }
- [data-index="3"] {
- color: #E18728 ! important;
- height: 36px !important;
- padding-top: 13px;
- }
- [data-index="4"] {
- color: #003399 ! important;
- height: 44px !important;
- padding-top: 5px;
- }
- [data-index="5"] {
- color: #009900 ! important;
- height: 36px !important;
- padding-top: 13px;
- }
Der padding Wert ist wie weit der Text nach unten geschoben wurde. Der heigt Wert passt die Höhe des Reiters an. Der vergößert sich durch den padding Wert. Der height Wert ergibt sich aus der im CSS-Code ausgelesenen Höhe minus dem padding Wert.
Ausgelesener CSS-Wert:
#imTextObject_5 .tab {
height: 49px;
}Der Zusatz !important ist notwendig, da die Angaben sonst ignoriert werden.
Gruß Rainer
-
Besten Dank. Dann kann ich das auch mal weiter nutzen
Hast du auch schon mal geschaut wie sich das responsive verhält oder nutzt du die Funktion nicht?
Ich weiß wie hässlich es responsive in normal aussieht aber wie es sich mit dem Code dann verhält nicht. -