Quadratische Objekte erstellen
Autor: Karl B.Ich möchte auf einer Seite mehrere neben- und untereinander angeordente Objekte erstellen, die sowohl in der Desktopansicht als auch auf mobilien Geräten als quadratische Formen angezeigt werden.
Sowohl das Textobjekt, als auch das Titelobjekt und der Hoverbutton werden in der Desktopansicht als rechteckige Form und auf den mobilen Geräten als quadratische Form oder umgekehrt angezeigt. Hinzukommt, dass der Inhalt der Objekte (jeweils ein Wort in unterschiedlicher Länge) für eine der beiden Ansichten zu groß oder zu klein ist. Auch eine Änderung der Außenrandeinstellungen hilft nicht weiter, sondern bewirkt nur dass die Abstände der einzelen Objekte zu einander verändert werden und das Ganze in beiden Ansichten nicht wirklich gut aussieht. Was mache ich falsch oder wie muss ich vorgehen?
Du solltest die Bilder entsprechend der Seitenbreite anpassen z.B. Seitenbreite 1200px zwei Bilder nebeneinander dann Bildbreite jeweils 600px. Bei einem Bild pro Reihe hast Du nun 600px für den Text zur Verfügung. Die Randbereiche solltest Du unter Stil auf 0 setzen, so dass kein Rand zwischen den Kacheln entsteht. Bei drei Reihen machst Du z.B. 400px pro Bild usw..
In den Textobjekten solltest Du nicht zuviel Text einsetzen, da beim verkleinern diese Textobjekt dann zu groß werden (sie passen sich dem Text an).
Autor
Der Text besteht, wie schon geschreiben, jeweils aus einem Wort mit 10 bis maximal 18 Buchstaben der Schrift Times New Roman und einer Schriftgröße von 14 Punkten.
MAn kann keine quadratische Form erreichen mit einem Text-Objekt es wird immer um ein paar Pixel nicht stimmen, auch wenn man gewisse Ränder einstellt. Das PRogramm passt die Objekte selbst an an den Content und nicht umgekehrt. Da hilft auch nicht mit dem Text experimentieren. In der responsiven Ansicht verändert sich der Content und dann natürlich die OBjekte auch, damit sich diese ausgehen in der Breite. Wenn es in der Handyansicht passt, dann ist das nur Zufall.
Möglicherweis mit einem Hintergrundbild im Stil dass du es lösen kannst. Aber das ist nur Theorie.
Autor
Das ist leider richtig, trotzdem danke!
Mit dem Animated Image ist es möglich durchgängig Quadratische Kacheln mit Text zu erzeugen. Hier müsste man nur darauf achten, den Text evtl. etwas kleiner machen (z.B. von 14 auf 12).
Autor
@Martin H.
Ich möchte keine Bildobjekte, sondern Textobjekte erstellen. Trotzdem vielen Dank für deine Mühe.
Hallo Karl,
mit den Animated Image kannst Du Texte erstellen.
Autor
Das Ergebnis ist aber ein Bild!?
Nein. Man kann im Animated Image Objekt unter "Text" den Text eingeben. Damit keine Einblendeffekt erzeugt wird, stelle hier auf keinen Effekt. Den "Button anzeigen" deaktivierst Du ebenfalls.
Autor
OT-WebSiteX5 Marktplace:
"Animated Image Erstellt ein Bild auf dem der verbundene Text und die Schaltfläche mit einen Animationseffekt angezeigt wird."
Mag sein das es da steht aber es wird der Text angezeigt, dass sieht man auch indem man diesen mit der Maus markieren kann. Wenn es nur ein Bild wäre, so wäre dies auch nicht möglich! Zudem bleibt die Textgröße gleich, auch wenn man die Seite verkleinert. Wäre es ein Bild, so müsste sich der Text ebenfalls verkleinern - tut er aber nicht!