[GastForen Programme Print/Bildbearbeitung Digital Publishing CSS / Webkit Scrollbar / Eigenschaften

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Print/Bildbearbeitung - Photos, Layout, Design
Themen
Beiträge
Moderatoren
Letzter Beitrag

CSS / Webkit Scrollbar / Eigenschaften

Typoman111
Beiträge gesamt:

19. Jul 2015, 11:21
Beitrag # 1 von 3
Bewertung:
(2580 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Im Rahmen einer epub3 Übung versuche ich Textübersatz mit CSS und Scrollbalken zu lösen. Soweit so gut, es klappt bereits schon.

Leider kann ich die Sichtbarkeit des Scroll-Balkens nicht beeinflussen. Die Sichtbarkeit müsste lediglich bei einem Roll-Over (über die Textbox oder bei Scrollen) aktiv sein.

Ebenso kann ich die Länge bzw. Höhe des Scrollbalkens (webkit-scrollbar-thumb) nicht mit Pixel definieren. Dieser richtet sich immer nach der Länge des Übersatztextes. Hat vielleicht jemand eine Idee? Gruss Typoman111

Meine CSS Datei sieht folgendermassen aus:


div[*|type = "subchapter"] {
position: relative;
}

div[*|type = "subchapter"] > div {
overflow: auto;
}
::-webkit-scrollbar {
width: 6px;
height: 0px;
}
::-webkit-scrollbar-button {
width: 0px;
height: 0px;
}
::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.2);
border: 0px none #ffffff;
border-radius: 3px;

}
::-webkit-scrollbar-thumb:hover {
background: #000000;
}
::-webkit-scrollbar-thumb:active {
background: #000000;

}
::-webkit-scrollbar-corner {
background: transparent;
}
X

CSS / Webkit Scrollbar / Eigenschaften

Yves Apel
  
Beiträge gesamt: 1724

19. Jul 2015, 16:31
Beitrag # 2 von 3
Beitrag ID: #541380
Bewertung:
(2544 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo,

Ich bin mir nicht sicher ob diese (experimentelle) Funktion möglich ist. Meist ist es so, dass UI Modifikationen im CSS von den Readern ignoriert werden. Immerhin wird hier auch exklusiv die Webkit-Engine angesprochen. Viele Reader basieren aber nicht auf dieser Engine. iBooks macht es zwar, ist aber gerade bei UI Sachen und bei Größeneigenschaften von Boxen etwas eigensinnig. Ich bin mir auch nicht sicher ob die Größeneigenschaften für "-webkit-scrollbar-thumb" gelten. Ich konnte kein Beispiel finden indem diese Eigenschaft angegeben wurde bzw. geklappt hätte.

Zudem würde es mich wundern wenn Attributselektoren ohne weiteres vom Reader verstanden werden.

Beste Grüße
Yves



yves-apel.eu


als Antwort auf: [#541374]

CSS / Webkit Scrollbar / Eigenschaften

Typoman111
Beiträge gesamt:

19. Jul 2015, 17:20
Beitrag # 3 von 3
Beitrag ID: #541381
Bewertung:
(2532 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Yves,

Vielen Dank. Du hast mir die richtige Richtung gezeigt.

Bei iBooks sah die Sache noch einigermassen gut aus, jedoch schon bei Adobe Adobe Digital Editions hat es die Seite dann komplett zerrissen. Und auf weiteren Readern habe ich das ePub noch nicht getestet.

Gruss Typoman111


als Antwort auf: [#541380]

Aktuell

InDesign / Illustrator
axaio_PR_Bild_300

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
05.02.2021 - 05.11.2021

Digicomp Academy AG, Limmatstrasse 50, 8005 Zürich
Freitag, 05. Feb. 2021, 13.00 Uhr - Freitag, 05. Nov. 2021, 17.00 Uhr

Lehrgang

Bilden Sie sich zum zertifizierten Publishing-Multimedia-Profi aus. Neben Fotografie und Video befassen Sie sich mit der Medienproduktion, digitalen Publikationen und dem Webdesign für Desktop- und mobile Endgeräte.

Preis: CHF 10'500.-
Dauer: 30 Tage (ca. 210 Lektionen) – Unterricht findet jeweils am Freitag von 13 - 19 Uhr und Samstag von 09 - 17 Uhr statt

Ja

Organisator: Digicomp Academy AG

Kontaktinformation: Kundenberater-Team, E-Mailkundenberatung AT digicomp DOT ch

digicomp.ch/d/9PM

Veranstaltungen
02.08.2021 - 03.08.2021

Digicomp Academy, Bern,Basel
Montag, 02. Aug. 2021, 08.30 Uhr - Dienstag, 03. Aug. 2021, 17.00 Uhr

Kurs

In diesem Advanced-Kurs erlernen Sie weitergehende Methoden im Dokumentenaufbau, der Typografie und im Bereich Layouttechniken. Nach diesem Kurs können Sie strukturierte Dokumente erstellen oder bestehende effizienter anpassen.

Preis: 1'400.– zzgl. 7.7% MWST
Dauer2 Tage

Ja

Organisator: Digicomp Academy AG

Kontaktinformation: Kundenberater-Team, E-Mailkundenberater AT digicomp DOT ch