WebSite X5Help Center

 
Thomas S.
Thomas S.
User

Im Accordion ein Bild rechts anordnen  de

Auteur : Thomas S.
Visité 319, Followers 1, Partagé 0  

Hallo,

ich möchte im Accordion ein Bild rechts anordnen. Gibt es einen Trick dafür, das Objekt bietet es anscheinend nicht.

Danke

Thomas

Posté le
15 RéPONSES - 1 CORRECT
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

Nein, das geht nur mit individuellen Code!

Du kannst nur den Rand etwas verstellen, damit das Bild nach links geht.  Unter dem Reiter "Stile" und dort in Dropdown auf "Bild" umschalten bei "marge" (übrigens ein Übersetzungsfehler im Widget)

Kannst du mal deine URL hier posten?

Lire plus
Posté le de Andreas S.
Thomas S.
Thomas S.
User
Auteur

Hallo Andreas,

das Projekt ist leider noch nicht online. Text und Grafik Seite an Seite wären sehr schön...

Hat hier jemand eventuell solchen Code?

Gruß

Thomas

Lire plus
Posté le de Thomas S.
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

Einen generellen gibt es leider nicht! Man muss die Seite sehen Online damit man den Code auf dich zuschneiden kann.

Du kannst, aber deine Website einstweilen in ein Verzeichnis hochladen z.B. www.deinedomain.de/test und im Zielverzeichnis dann \test eingeben. Vorher musst du aber das Verzeichnis am SErver anlegen.

Lire plus
Posté le de Andreas S.
Thomas S.
Thomas S.
User
Auteur

Hallo Andreas,

du kannst jetzt mal schauen wie es in etwa werden soll: www.schrap.de/_sm/index.html

Es wäre einfach toll, wenn man auf der einen Seite einen Text haben könnte und auf der anderen das Bild. Das Textobjekt links ist nur ein Versuch, ich habe auch schon mehrere Accordiönner untereinader gehabt, war aber auch nicht schön da der Platz dann vom Textelement groß gehalten wird.

<li> geht, aber der Abstand beim Zeilenumbruch fehlt, bi <ul>... geht es nicht mehr. Neuer Punkt fürs Service-Team?

Vielleicht fällt dir dazu was ein? Würde ich wohl in mehreren Accordiönnern brauchen können. Eine wie ich meine schöne Verwendung siehst du unter schrap.de und dann unter PRIVAT/LEUCHTFEUER

Danke für die Mühen und ein schönes Wochenende

Thomas

Lire plus
Posté le de Thomas S.
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

Hallo Thomas,

ich verstehe jetzt das Problem, aber man kann leider die Textboxen nicht teilen, damit links der Text und rechts das Bild ist.

Man kann nur das Bild verkleinern und rechts anordnen lassen. Alles andere muss man mit Javaskript lösen, was eher schwer ist.

Lire plus
Posté le de Andreas S.
Thomas S.
Thomas S.
User
Auteur

Moin Andreas,

danke für die Mühe, warten wir mal was WX5 dazu sagt...

Grüße

Thomas

Lire plus
Posté le de Thomas S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Thomas S.
... ... ...  Hat hier jemand eventuell solchen Code? ... ... ... 
Thomas S.

... ... ...  warten wir mal was WX5 dazu sagt... ... ... ... 

(It > De)  ... wenn du es mit den Programmoptionen nicht schaffst, dann könntest du es mit meinem CSS-EXTRA-Code machen ...
... wenn Sie nicht auf die Meinung des STAFF warten möchten und daran interessiert sind, mit meinem EXTRA-Code fortzufahren, ...lassen Sie es mich wissen...
...
...!... Sie haben meinen Code auch für das elastische Menü verwendet, aber Sie haben die Referenzselektoren falsch verstanden und daher kann es nicht funktionieren...!...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois EN

Für WebSite X5 Nutzer ohne das kostenpflichtige Objekt "Accordion Text & FAQ" (20 Credits).

Ich habe kostenlosen Original-Accordion-FAQ in HTML und CSS aus dem Internet etwas geändert und mit weiterem Code aus dem Internet ergänzt - Ergebnis siehe Screenshot unten

Dazu habe ich auch eine Testseite mit einer kleinen Anleitung erstellt, siehe

>> https://findelinks.de/123test-aufklappmenue/accordion-faq.html

----- Screenshot meiner Testseite -----

Lire plus
Posté le de Daniel W.
Thomas S.
Thomas S.
User
Auteur

// (It > De)  ... wenn du es mit den Programmoptionen nicht schaffst, dann könntest du es mit meinem CSS-
// EXTRA-Code machen ...
// ... wenn Sie nicht auf die Meinung des STAFF warten möchten und daran interessiert sind, mit meinem
// EXTRA-Code fortzufahren, ...lassen Sie es mich wissen...

Hallo KolAsim,

ich werde alle Optionen testen, kann ich mit deiner Lösung anfangen? Kann ich von da auch auf eine ShowBox verlinken?

@Daniel W.

Moin Daniel, habe mir deine Lösung angeschaut, auch gut. Kann ich von da auch auf eine ShowBox verlinken?

Danke!

Grüße - Thomas

Lire plus
Posté le de Thomas S.
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois EN

Ich habe jetzt meinen Accordion-FAQ-Nachbau mit HTML/CSS-Code um eine Showbox-Verlinkung erweitert und auch die Anleitung um diese Funktion erweitert.

Testseite mit Anleitung >> https://findelinks.de/123test-aufklappmenue/accordion-faq.html

Die Anleitung für die Showbox und der benötigte Code ist in den Abschnitten ...

3) Bilder in der Showbox öffen

a) Bilder normal im Text - Bild im Showbox-Fenster öffnen - kompletter Abschnitt für Frage und Antwort

b) Bilder und Text nebeneinander - Bild im Showbox-Fenster öffnen - - kompletter Abschnitt für Frage und Antwort

zu finden, bei anderen Verlinkungen als mit Bildern kann ich weitere Tests machen.

----- Screenshots -----

-----

Lire plus
Posté le de Daniel W.
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois EN

Anmerkung:

Relative URLs wie z.B. ...

./images/Bild_123. jpg

... werden nicht in der Vorschau angezeigt, sondern erst nach dem Export ins Internet.

Also nicht wundern, wenn nur ein leerer Rahmen in der Vorschau zu sehen ist und auch sonst können sich verschiedene Fehler einschleichen, deshalb Zeit für die Fehlersuche einplanen.

Vielleicht übernimmt Incomedia diese zusätzlichen Funktionen im jetzigen kostenpflichtigen Objekt "Accordion Text & FAQ", ohne gleich ein ganz neues Objekt anzubieten, das wäre optimal.

Lire plus
Posté le de Daniel W.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Thomas S.
... ... ...  Hallo KolAsim, ich werde alle Optionen testen, kann ich mit deiner Lösung anfangen? Kann ich von da auch auf eine ShowBox verlinken? ... ... ... 

... OK ... ich sehe, dass die ShowBox in Ihrem Akkordeon bereits aktiv ist ...
...mit diesem Code von mir lösen Sie die Division von Akkordeon in weniger als einer Sekunde:

<style>
/** -- Accordion /2[267236] - by KolAsim -- **/
.ac-panel .ac-text, .ac-panel img{
position:relative !important;
width:46% !important;
float:left !important;}
</style>

.

ciao

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois EN

Nachtrag:

Bei meinem FAQ-Nachbau mit HTML-/CSS-Code gibt es auch die Variante mit Bild rechts.

Meine Testseite mit der Anleitung und den Codes ist 3 Post weiter oben schon verlinkt.

-----

Lire plus
Posté le de Daniel W.
Thomas S.
Thomas S.
User
Auteur

Hallo KolAsim,

// ...mit diesem Code von mir lösen Sie die Division von Akkordeon in weniger als einer Sekunde:

na ja, na ja, ein wenig übertrieben war das schon, aber nach vier Sekunden wars fertig! Vielleicht ist mein Rechner ja auch etwas langsam wink

Aber: Super cool (in Anlehnung an "Kol") und ganz ganz super einfach cool

Drei mal Daumen hoch und vielen Dank für die schnelle Hilfe!!!

Thomas

Lire plus
Posté le de Thomas S.
Thomas S.
Thomas S.
User
Auteur

Moin Daniel,

ich habe mir das mal angeschaut: Auch schön. Allerdings was zum einarbeiten und frickeln, dafür habe ich keine Zeit. Außerdem muss ich meine Credits verbrauchen und hab schon eine ganze Menge mit dem Extra gemacht, das will ich jetzt nicht umstricken.

Wenn ich allerdings etwas anmerken darf, ohne dass du mir böse wirst: Dein Menü mit hellgrauem Hintergrund und anscheinend abgedunkelter weißer Schrift ist eher Kontraproduktiv, schwarze Schrift wäre für so alte Knochen wie mich wesentlich leichter zu lesen.

Trotzdem vielen Dank für deine Mühen, ich hab das Snippet von KolAsim eben reinkopiert, und mir reicht es so.

Grüße - Thomas

Lire plus
Posté le de Thomas S.