Rollover-Funktion: Bildlaufleiste zu nah am Text (kein Abstand)
Auteur : C. LinkHallo,
gerade erst ganz neu hier und schon die erste blöde Frage, sorry ;-) ...
Ich sitze seit ein paar Abenden an meiner ersten Webseite seit über 15 Jahren und bin auch absolut begeistert davon, was man heutzutage derartig komfortabel für professionell wirkende Ergebnisse hinbekommt. So ganz lagsam nimmt das Ganze auch Gestalt an, bis ich nun endlich wie der Ochs' vorm Scheunentor stehe:
Ich habe diverse Unterseiten mit identischem (4 x 4 Zellen großen) Layout, die jeweils links oben eine Zelle mit einem kleinen Foto und rechts über die komplette Höhe eine Textzelle enthalten sollen. In dieser Textzelle steht - je nach Thema der Unterseite - mal mehr, mal weniger Text. Automatisch scrollen soll der nicht; insofern muß da eine Bildlaufleiste an den rechten Rand. Die Rollover-Funktion habe ich gefunden und aktiviert, aber: Die Leiste ist derartig nah am rechten Textrand, daß das einfach blöd aussieht. Ein paar Pixel Abstand wären da schon deutlich besser - zumal ich Blocksatz verwende und sich demzufolge eben recht viele Zeichen am rechten Rand tummeln :-( .
Natürlich habe ich bereits selbst recherchiert, bin hierbei aber nur auf folgenden, leider schon sehr alten und auf eine deutlich frühere WebSite-X5-Version bezogenen Beitrag gestoßen:
https://helpcenter.websitex5.com/post/8495
(Falls die Links hier ausmaskiert werden sollen: Es ist ein Beitrag von Randolph P. mit dem Titel "Abstand Bildlaufleiste" vom 16. Dezember 2011, gelöst ein paar Stunden später von Der Zwoemti.)
Leider bezog sich die Lösung ("Stell die Breite der Zelle ein. (unter den Objekten in Punkt 2 befinden sich kleine Pfeile) Mal F1 drücken hilft auch weiter...") ebenfalls auf eine ältere Version des Programms; die fraglichen "Pfeile" finde ich in meiner V10 leider nicht mehr; auch wäre dort vermutlich schon Punkt 3 statt 2 der richtig gewesen, denke ich.
Allerdings fand ich zumindest in der Hilfedatei den Verweis darauf, daß die Zellenbreite-Funktion so nicht mehr existierte und man statt dessen über die Stil-Einstellungen den Randabstand verändern sollte.
Habe ich versucht: größer, kleiner - nix. Sicher, der Abstand zum Rand des Feldes als solchem änderte sich, aber immer wurde die Bildlaufleiste rechts unmittelbar an den Text geklatscht. Als wäre das Default!
Kann doch nicht sein? Irgendwas muß ich doch immer noch übersehen haben!
Frage also: Hat jemand die Lösung? Zowemti noch einmal? Ihr seid doch größtenteils auch umgestiegen auf neueren Versionen als die damals benutzten. Oder ist das womöglich wirklich ein Bug? Sollte es daran liegen (und ich nicht einfach nur zu blöd sein): Wäre der bei V11 behoben? Täte mir ja schon ziemlich weh, jetzt nur deswegen zu upgraden - aber ich brauch' den verdammten Scrollbalken, und so kann das auch nicht bleiben.
Kann mir bitte jemand helfen? Den entscheidenden Tip geben?
Danke schon mal im voraus, und noch einen schönen Abend,
Chris
Als Geschichtenschreiber bist du einsame Spitze...
Auch wenn du alles genau beschrieben hast, ohne LINK wo wir das beobachten können, werden dir unsere Tipps nichts nützen. Denn eine generelle Lösung für "dein" Problem gibt es nicht !
Ob in der V11 das Verhalten auch so ist, kann man nur an deinem Test-Objekt testen! Denn man kann auf verschiedene Arten einen Scrollbalken hervorrufen.
Per extra Code in CSS kann man das Problem sicher lösen, aber wie gesagt per Knopfdruck nicht!
Auteur
Hallo Andreas,
danke erst mal für die schnelle Antwort. Habe mich gerade hingesetzt und mal schnell eine Demoseite zusammengeklickt, um das Problem ohne allzuviel Drumherum zu reproduzieren - und verdammt: Da ist der Abstand perfekt!
Jetzt heißt es also, die dortigen Angaben zu den Rahmen zu notieren und noch mal mit denen zu vergleichen, die ich auf der eigentlichen Homepage verwendet habe. Es scheint also tatsächlich nicht an V10 zu liegen, sondern an mir. Ich schau' mal, was sich durch erneute Manipulation an den Rändern bewegen läßt, und schreibe dann gegebenenfalls noch mal die Lösung hier rein.
Und was den Geschichtenschreiber angeht ... Ja, was meinst denn Du, wofür ich einen Scrollbalken brauche ;-) ?
Beste Grüße,
Chris
Auteur
Hallo nochmal,
tja, schade: Zu früh gefreut :-( ...
hatte leider den Fehler gemacht, den Text linksbündig zu schreiben; klar, daß er dann nur selten rechts anstößt, grmpf!
Habe nun also doch mal die Demo-Seite hochgeladen, und zwar auf http://ralink.bplaced.net/RollOverTest/index.html Da kann man den Effekt ganz gut drauf sehen.
Hilft Dir das bei der Beurteilung irgendwie weiter?
Danke für die Mühe,
Chris
Hi !
Ich weis jetzt was du meinst ! Das Problem ist der Scrollbalken wird nicht nach links reingeschoben sondern wird nur rechts eingefügt in das Objekt! Deshalb ist kein Rand rechts.
Wenn es mit dem Zellenstil --> den Wert des inneren Randes rechts erhöhen nicht funktioniert, muß man per CSS nachhelfen. Kann ich aber erst am Abend testen.
Auteur
Hallo Andreas,
gerade noch mal überprüft: Nö, ändert leider gar nichts. Fände ich nett, wenn Du's Dir anschauen könntest (ist auch nicht supereilig) und mir vielleicht sogar die entsprechende CSS-Lösung schreiben könntest: Das geht dann doch _deutlich_ über meine aktuellen Kenntnisse hinaus :-( . Mir war zwar so, als hätte ich hier irgendwo gelesen, daß "Code" hier nicht diskutiert werden könne/solle, aber vielleicht gibt's ja die Möglichkeit, das notfalls per persönlicher Nachricht oder E-Mail zu übermitteln, falls notwendig.
Wo ich's eintragen müßte, habe ich aber, glaube ich, schon gefunden ;-) .
Danke jedenfalls für Deine Hilfe, und bis später dann,
Chris
Ich habe es in der PRO V11 getestet und es ist ein normaler Rand. Es pickt also nicht rechts ran bei "Blocksatz"
In der EVO V10 dürfte es noch nicht ausgebessert worden sein !
Da muss man halt Code reinschreiben und zwar (wenn man es auf alle Text-Objekte anwenden will) nur dieser Code
<style>
.text-inner {padding-right:10px;}
</style>
Wenn es nur auf ein spezifisches einzelnes Text-Objekt wirken soll muss man diesen Code nehmen und die Zahl hinter dem Selektor vom Quellcode rauslesen !
#imTextObject_2 .text-inner {padding-right:10px;}
den Rand kann man auch mit den px ändern wenn man will !
Auteur
WOW!
Vielen herzlichen Dank :-) ! Damit ist das Problem gelöst, und mein kleines Projekt kann wieder aufgenommen werden. Ich hab' jetzt einfach mal auf allen Seiten Deinen Codeschnipsel eingetragen, und es läuft. Sieht auch gleich alles viel besser aus :-) ...
Kann man das eigentlich irgendwo als Default für alle neu angelegten Seiten festlegen?
Schönen Abend noch, und viele Grüße,
Chris
JA, wenn du es unter "1" Erweitert einträgst, dann gilt es für alle Seiten ! Aber dann gilt es für alle Text-Objekte auch ohne Bildlaufleiste !
Auteur
Danke! Die Nacht ist gerettet :-) !
Beste Grüße,
Chris