Kann man das irgendwie verhindern? Noch besser wäre wenn man den Text mit einem kleinen "+" Button o.ä. aus- und wieder einklappen könnte. Ich habe jedoch keine einfache Lösung hierzu gefunden und die Suche hat mir auch nicht weitergeholfen.

Hallo Thomas,

ich habe das mit Ankern versucht zu lösen, hier die Seite dazu:

http://www.ledda-sicher-sauber.com/gebaeudereinigung.htm

Ich hoffe, dass meintest du mit Deiner Frage.

LG

Peter

Wie funktioniert das mit den Ankern denn genau ? ist das eine Funktion im Web Designer ohne Programmierarbeit ?

• Hier wird sehr detailliert erklärt, wie so etwas umgesetzt werden kann, wenn man sich den Umgang mit HTML-, CSS-, und/oder JavaScript zutraut.
•  

Lies Dich mal ein, vielleicht ist ja was für Dich dabei...

Viel Erfolg

Das zweite Beispiel sieht MEGA aus. Ich müsste nur die Button Farbe anpassen. Dieser Windowsähnliche Farbverlauf mit Blaustich passt leider überhaupt nicht. Das mach ich dann im /head code oder ? Weisst du zufällig welche Sektion?

Wenn ich das hinbekomme wäre das die TOP Lösung!

Hier findest Du einen Forum Thread, in dem ich eine CSS basierte Lösung vorgestellt habe.

Hey Bero,

ich habe deinen Vorschlag umgesetzt und auch deine Projektdatei umgeschrieben. Auf Computern funktioniert es top, aber auf der mobilene lassen sich die Reiter nicht klicken. Hast du eine Idee warum?

[...] auf der mobilene lassen sich die Reiter nicht klicken. [...]

Das ist immer dann normal, wenn für die Darstellung von Effekten Scriptcode verwendet wird, der über IDs und/oder CSS Klassen aktiviert wird.
Da der WD die mobilen- und die Desktop Varianten in einer einzigen HTML Datei anlegt, kommen sich die per Scriptcode angelegten Funktionen in die Quere, weil zu keinem Zeitpunkt klar ist, welche Varianten denn nun von dem angelegten Code gesteuert werden soll...

Abhilfe:
Leg' den Scriptcode für die mobile Variante neu an, mit anderen IDs und anderen CSS Klassen, dann klappt's auch in der mobilen Variante.
Du kannst den in der Desktop Version verwendeten Scriptcode dazu einfach duplizieren. Du musst anschließend nur noch die Klassen (Namen)- und die IDs ändern...

So kann das im HTML Code aussehen:

Und so im CSS Code:

Und so in der mobilen Ansicht, wenn Du alles richtig gemacht hast.

Die online Demo kannst Du hier "bewundern". 😊

Viel Erfolg