#1

Wdn

Forum-Sponsorin  (119 Punkte)  ·   weiblich  ·   Deutschland  ·   Nachricht senden
 http://www.confido.org

Hallo,

ich arbeite mit dem Design Cetera und möchte eine animierte Grafik einfügen, Format: .gif. Problem: Die eigentlichen Bilder werden nicht eingefügt, nur der unterlegte Link (kleine Schaltfläche), d.h. wenn man auf die kleine Schaltfläche klickt, dann kommt man auf die Grafik, die einwandfrei läuft.
Was muss ich tun, damit die animierte Grafik direkt erscheint?
Für Eure - wie immer zeitnahe Hilfe - danke ich Euch im Voraus. Die Grafik, um die es geht , findet Ihr unter
https://presbyteriumswahl.de/inhalt/animierte-grafik-fuer-die-presbyteriumswahl-2024

Nochmals vielen Dank und Gruß
Katharina

#2

W2D Fan

Ehrenmitglied  (4537 Punkte)  ·   weiblich  ·   Niederlande  ·   Nachricht senden

Dann verrate oder besser noch zeige doch mal Katharina was genau du wo gemacht hast, denn wir sind schließlich keine Hellseher. Ich habe zwar ein vermuten denn ich bekomme es problemlos hin, aber vermuten ist immerhin auch raten.


Gruß,
Marjorie

Hilfe ist nicht selbstverständlich. Deshalb halte ich ein "Dankeschön", nachdem jemandem geholfen wurde, für überaus angebracht und höflich.

#3

alter

Forum-Sponsor  (1081 Punkte)  ·   männlich  ·   Schweiz  ·   Nachricht senden
 https://www.petrollampen-shop.ch

#4

W2D Fan

Ehrenmitglied  (4537 Punkte)  ·   weiblich  ·   Niederlande  ·   Nachricht senden

Das stimmt schon Rene, aber Kati will diese Grafik in ihre eigene Webseite einbauen und das schaft sie offenbar nicht.

Kati treibt sich aber schon lange genug hier im Forum herum um zu wissen das wir keine Hellseher sind, darum habe ich ihr gefragt was genau sie wo getan hat  Wir können sonst nur raten wo es schief geht. 😉


Gruß,
Marjorie

Hilfe ist nicht selbstverständlich. Deshalb halte ich ein "Dankeschön", nachdem jemandem geholfen wurde, für überaus angebracht und höflich.

#5

alter

Forum-Sponsor  (1081 Punkte)  ·   männlich  ·   Schweiz  ·   Nachricht senden
 https://www.petrollampen-shop.ch

Hallo Marjorie
da stimme ich Dir zu 😉


viele Grüsse René

#6

Wdn

Forum-Sponsorin  (119 Punkte)  ·   weiblich  ·   Deutschland  ·   Nachricht senden
 http://www.confido.org

Hallo Marjorie und René,

danke für Eure schnelle Antwort! Ich werde mich bessern!
Hier die beiden Screenshots. Wenn Ihr die Website sehen wollt, habe ich das Problem, dass ich sie so wie auf dem Screenshot nicht freischalten kann. Nochmals ein herzliches Dankeschön, dass Ihr Euch so mit meinem Problem beschäftigt, Marjorie seit vielen Jahren 🙂!
Gruß
Kati

 

mceclip0.jpg

mceclip1.jpg

#7

W2D Fan

Ehrenmitglied  (4537 Punkte)  ·   weiblich  ·   Niederlande  ·   Nachricht senden

Jetzt muß ich noch genau so viel raten wie ohne Screenshots, denn deine Screenshots geben überhaupt nicht die benötigte Auskunft 😞

Wie soll ich jetzt wissen was für einen Absatz du verwendest, denn dein Screenshot sagt "Unbenannter Absatz" 😞

Wo ich jetzt doch raten muß rate ich mal 1x Absatz Bilder-Kachel, 2 Spalten und 1x Absatz Bilder-Kachel, 3 Spalten. Den Absatz Bilder-Kachel, 3 Spalten steht aber auf unsichtbar.

Eine animierte Grafik kann man aber nicht so in eine Webseite einpflegen, sondern soll man per HTML-Absatz einpflegen.

Lege die Grafik auf deinen Webserver zB im Ordner images. Wenn du Spalten willst erstelle einen Spaltenbereich mit 3 Spalten und erstelle zB in die erste Spalte einen HTML-Absatz in dem du schreibst

<img src="http://www.deinedomain.de/images/Animierte-Grafik-Presbyteriumswahl2024.gif">

Selbstverständlich sollst du www.deinedomain.de mit der richtige domainname ersetzen.!!

Ich würde dann für die beiden anderen Bilder den Absatz Kachel 1 Spalte verwenden, wo du einfach das Bild einpflegen kannst.


Gruß,
Marjorie

Hilfe ist nicht selbstverständlich. Deshalb halte ich ein "Dankeschön", nachdem jemandem geholfen wurde, für überaus angebracht und höflich.

#8

Wdn

Forum-Sponsorin  (119 Punkte)  ·   weiblich  ·   Deutschland  ·   Nachricht senden
 http://www.confido.org

Hallo Marjorie,

klasse, wie Du im Einsatz bist, um mir zu helfen. Aber es ist vergebliche Liebesmüh. Ich bekomme es nicht gebacken. HTML-Absatz, Deine img src-Zeile eingefügt, ...es tut sich nichts.
Also werde ich das Ganze lassen. Themenbezogen gefiel mir die animierte Grafik gut. Aber kein Problem, ich lasse es.
Aber Dir noch einmal ein extra Dankeschön und sicher auch gerne bis zum nächsten Mal!
Gruß
Kati

#9

alter

Forum-Sponsor  (1081 Punkte)  ·   männlich  ·   Schweiz  ·   Nachricht senden
 https://www.petrollampen-shop.ch

Hallo Kati

nicht aufgeben Du musst Deine animierte Grafik vor dem Einbinden zuerst bei Deinem Provider auf dem Server ablegen. Dazu eignet sich ein Programm wie z. B. FilleZilla usw.

Gehe dazu Schritt für Schritt vor:

  1. öffne mit FilleZille zuerst www.deinedomain.de 
  2. navigiere dann zu Images
  3. lege dann Deine animierte Grafik (Titel von Dir vergeben) in diesem Verzeichnis ab
  4. füge dann wie von Marjorie beschrieben eine Spalte mit HTML-Absatz an und füge dann in dieser den von Marjorie vorgegebene code ein (selbstverständlich mit den von Dir vergebenen Domainname und Bildertittel

viele Grüsse René

#10

Wdn

Forum-Sponsorin  (119 Punkte)  ·   weiblich  ·   Deutschland  ·   Nachricht senden
 http://www.confido.org

Hallo René,

danke für Deinen Tipp. Eigentlich verständlich, hätte ich auch selbst drauf kommen können, dass die animierte Grafik auf dem Server abgelegt werden muss bevor man sie aufruft.

Danke auf alle Fälle. Das sollte ich schaffen!

Nochmals ein extra Dankeschön und Gruß
Kati

#11

MuggelClan

Forum-Sponsor  (797 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden

Hallo Kati,

versuche es mal mit folgenden Code im HTML-Absatz:

<img style="display: block;-webkit-user-select: none;margin: auto;" src="https://www.deinedomain.de/images/pictures/startseite/Animierte-Grafik-Presbyteriumswahl2024_6.gif">

Diese Code verwende ich auch und bei mir funktioniert er.

Zur Ordner-Erklärung zu deine Bilder:

Bilder-Hauptordner (nicht sichtbar) = images
Bilder = pictures
Startseite = dein vergebener Ordnername = startseite (?, vermute ich mal)
Diese findest du heraus wenn du in den Order-Eigenschaften siehst bei Allgemein -> "Ordnername"

Zuletzt die annimierte Grafik-Datei xy.gif = Animierte-Grafik-Presbyteriumswahl2024_6.gif

Wenn du ProWeb8 verwendest, dann kannst du auch in den Eigenschaften der Bild-Datei "Animierte-Grafik-Presbyteriumswahl2024.gif" nachsehen und die URL herauskopieren:

Rechtsklick auf "Animierte-Grafik-Presbyteriumswahl2024_6.gif" -> Eigenschaften -> rechts unten auf "URL des Bildes in die Zwischenablage kopieren" klicken und dann im Code oben zwischen scr=" ... "> einfügen. Dann ist auch mit Sicherheit der Link richtig geschrieben.

Funktioniert also auch ohne dass man die Bilddateien mit einem separaten FTP-Programm auf dem Server hochlädt.


Mit freundlichen Grüßen

Thomas

Web To Date seit 2004, Siquando Web 12, Pro Web 8, Web Client 


Dieser Beitrag wurde bereits 1 mal bearbeitet, zuletzt von »MuggelClan« (30.01.2024, 08:15)
#12

W2D Fan

Ehrenmitglied  (4537 Punkte)  ·   weiblich  ·   Niederlande  ·   Nachricht senden

Ich hatte doch auch schon geschrieben dass die Grafik auf den Server gelegt werden soll. (siehe unten)

...

Lege die Grafik auf deinen Webserver zB im Ordner images. Wenn du Spalten willst erstelle einen Spaltenbereich mit 3 Spalten und erstelle zB in die erste Spalte einen HTML-Absatz in dem du schreibst

<img src="http://www.deinedomain.de/images/Animierte-Grafik-Presbyteriumswahl2024.gif">

Selbstverständlich sollst du www.deinedomain.de mit der richtige domainname ersetzen.!!

...

Gruß,
Marjorie

Hilfe ist nicht selbstverständlich. Deshalb halte ich ein "Dankeschön", nachdem jemandem geholfen wurde, für überaus angebracht und höflich.

#13

MuggelClan

Forum-Sponsor  (797 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden

Hallo Marjorie,

meine beschriebene Mothode funktioniert auch ohne dass man mit einem separaten FTP-Programm die Bild-Datei hochlädt.


Mit freundlichen Grüßen

Thomas

Web To Date seit 2004, Siquando Web 12, Pro Web 8, Web Client 

#14

W2D Fan

Ehrenmitglied  (4537 Punkte)  ·   weiblich  ·   Niederlande  ·   Nachricht senden

Danke Thomas, das wußte ich nicht. Auch ich kann noch was lernen 😉

Aber rein persönlich bevorzüge ich meine eigene Methode, weil ich deine etwas umständlich finde. Das liegt vermutlich daran dass ich nicht daran gewöhnt bin.


Gruß,
Marjorie

Hilfe ist nicht selbstverständlich. Deshalb halte ich ein "Dankeschön", nachdem jemandem geholfen wurde, für überaus angebracht und höflich.

#15

MuggelClan

Forum-Sponsor  (797 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden

Es ist doch nicht umständlich:

Rechtsklick auf "Animierte-Grafik-Presbyteriumswahl2024_6.gif" -> Eigenschaften -> rechts unten auf "URL des Bildes in die Zwischenablage kopieren" klicken und dann im Code oben zwischen scr=" ... "> einfügen.


Mit freundlichen Grüßen

Thomas

Web To Date seit 2004, Siquando Web 12, Pro Web 8, Web Client 

#16

alter

Forum-Sponsor  (1081 Punkte)  ·   männlich  ·   Schweiz  ·   Nachricht senden
 https://www.petrollampen-shop.ch

Da hab ich auch wieder was dazugelernt. Danke dafür


viele Grüsse René

#17

Wdn

Forum-Sponsorin  (119 Punkte)  ·   weiblich  ·   Deutschland  ·   Nachricht senden
 http://www.confido.org

Hallo MuggelClan,

ich kann es noch gar nicht fassen, die animierte Grafik funktioniert einwandfrei. Nicht nur Dir, nein Euch allen ein herzliches Dankeschön für Euren Einsatz und gelernt habe ich - und offensichtlich nicht nur ich- wie schön viel!
Eine abschließende Frage allerdings habe ich noch. An welcher Stelle kann ich die Größenangaben width und height einfügen, da ich die Grafik etwas verklienern möchte. Vor vielen Jahren habe ich die ersten Homepages in HTML geschrieben, war dementsprechend fit, aber das ist nun schon wirklich Jahrzehnte her. Deshalb wäre ich abschließend für einen Tipp noch dankbar.
Und eine Spende hat das Forum bei so viel Einsatz als Dankeschön auch verdient! 🙂
Gruß
Kati

#18

Volker W.

Administrator  (7786 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.warmers.de  ·   vwarmers  ·   vwarmers  ·   volkerw68

<img
	src="https://presbyteriumswahl.de/wp-content/uploads/2023/11/Animierte-Grafik-Presbyteriumswahl2024.gif"
	style="max-width: 100%; height: auto;"
>

Die Werte von max-width und height nach Belieben anpassen. 😉 Oder auch einfach noch weitere individuelle CSS-Parameter zum Einsatz bringen.


Ergebnis:


Viele Grüße,
Volker

Über mich  ·  Volker W. Musik & Sounds  ·  Facebook  ·  Twitter  ·  Instagram  ·  StayFriends  ·  LinkedIn  ·  XING

#19

Wdn

Forum-Sponsorin  (119 Punkte)  ·   weiblich  ·   Deutschland  ·   Nachricht senden
 http://www.confido.org

Super, vielen Dank! Damit ist dieses Kapitel, das Euch alle so beschäftigt hat, erfolgreich beendet.

Gruß

Kati

344 Aufrufe | 19 Beiträge