Galerie - Slider: Untertitel unter das Bild

25.01.2019 11:06
avatar  Tho
#1
Th
Tho

Hallo zusammen,

im Bildergalerie-Slider steht der Text des Untertitels bei mir in einer transparent-schwarzen Box im Bild. Wie kann ich diesen unter das Bild bekommen?
Ich meine die normale Ansicht auf der Seite, nicht in der Lightbox...

Vielen Dank im Voraus, Grüße Tho


 Antworten

 Beitrag melden
25.01.2019 12:18
avatar  az_
#2
avatar
az_

...mit position: absolute; und einem margin

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
25.01.2019 15:50
avatar  Tho
#3
Th
Tho

Spitze. Problem 1 gelöst.
Das Bild zeigt das nächste daraus resultierende:
Der grüne Balken der Bildunterschrift geht nicht komplett bis links und rechts; ich habe wie man sieht width auf 100% und margin-left/right auf "0".
Aber bei element style sieht man, dass es durch irgendwas überschrieben wird. Ich finde aber nicht wodurch...


 Antworten

 Beitrag melden
25.01.2019 20:48 (zuletzt bearbeitet: 25.01.2019 20:50)
avatar  az_
#4
avatar
az_

...gut gemacht!

setz ein !important; statt des Semikolons hinter den Eintrag, dann wird das CSS aufgezwungen (...nicht immer nötig, aber manchmal eben doch!). Jetzt noch width:100%; oder ein padding setzen, dann sollte es perfekt sein. Poste bitte mal die URL - interessante Baustelle!

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
26.01.2019 11:22
avatar  Tho
#5
Th
Tho

Mega! Vielen vielen Dank! Wie blind ich war....

Der Link ist:
https://martinbau-marl.jimdofree.com/

Ist aktuell noch im Berbeitungsstatus, daher die Free-Version.. geht in ca. 2 Wochen online.


 Antworten

 Beitrag melden
26.01.2019 16:41
avatar  Tho
#6
Th
Tho

Kann man beim Slider eigentlich auch irgendwie Alt-Text angeben (mit SEO als Hintergedanken)? Ich kann irgendwie nur Untertitel eingeben...


 Antworten

 Beitrag melden
27.01.2019 15:11
avatar  az_
#7
avatar
az_

Untertitel = Alt-Tag

Blöd nur, wenn man den gar nicht sehen will. Da hilft dann nur wieder CSS: figcaption {display:none}

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
28.01.2019 21:23
avatar  Tho
#8
Th
Tho

Hey, also ist bei den Galerien / dem Slider der Untertitel gleichzeitig der Alt-Tag?
Könnte man denn (wenn man wollte) den Alt-Tag noch irgendwie separat definieren?

Viele Grüße


 Antworten

 Beitrag melden
29.01.2019 20:20
avatar  az_
#9
avatar
az_

Genau und nein :)


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
31.01.2019 12:43
avatar  Tho
#10
Th
Tho

Schade und vielen Dank!

Schon die Seite mal angeschaut?

Mich würde sehr ein Feedback interessieren...

Viele Grüße, Tho


 Antworten

 Beitrag melden
01.02.2019 17:28 (zuletzt bearbeitet: 01.02.2019 17:33)
avatar  az_
#11
avatar
az_

...gefällt mir sehr gut! Erinnert mich an meinen früheren Beruf.

Du könntest diese Überschrift in der Übersicht etwas geschickter setzen:



Kopiere die Überschrift in ein Textelement, danach kannst Du sie mit shift+enter trennen. Wenn Du eine Leerstelle schützen willst, schreibst Du im html des Textelementes  

...mehr Infos zu Zeilenumbruch und Trennen hier: https://www.stichpunkt.de/html/umbruch.html

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
01.02.2019 17:37 (zuletzt bearbeitet: 01.02.2019 17:38)
avatar  az_
#12
avatar
az_

...ausserdem wäre ein Scroll-Down Button gut wie z.B.: https://stockholm-test.jimdo.com/ - das geht auch für Rome, sh.: https://www.kinder-zauberei.de/
Leider gibt es den nicht als Jimdo-Standardelement.

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
06.02.2019 22:42
avatar  Tho
#13
Th
Tho

Hey az,
Danke für deine Tipps!

Wie kann ich das „mobile Menü“ wie auf dem smartfon eigentlich auch auf nem Tablet aktivieren!

Grüße Tho


 Antworten

 Beitrag melden
07.02.2019 11:37
avatar  az_
#14
avatar
az_

...welches Design? URL?


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
08.02.2019 20:34
avatar  Tho
#15
Th
Tho

Hallo.

weiterhin für die Seite von oben, Design "Rome"...


 Antworten

 Beitrag melden
09.02.2019 12:40
avatar  az_
#16
avatar
az_

...soll ich jetzt tatsächlich suchen, ja?


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
09.02.2019 18:03
avatar  Tho
#17
Th
Tho

Sorry, ich dachte es wäre aus dem Verlauf ersichtlich.

Der Link ist:
https://martinbau-marl.jimdofree.com/

Danke im VOraus!


 Antworten

 Beitrag melden
10.02.2019 11:14 (zuletzt bearbeitet: 10.02.2019 11:15)
avatar  az_
#18
avatar
az_

OK, danke für den Link und dass ich nicht suchen musste. Schau mal hier: https://wiki.selfhtml.org/wiki/JavaScrip...amisch_wechseln

Dieses CSS musst Du verändern und austauschen: https://u.jimcdn.com/cms/o/s93b5598f3d0b...ss?t=1549655494

...alles ganz einfach :), viel Spaß!

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!