Zeilen oder Tabelle 
Autor: Michael G.
Besucht 1044,
Followers 1,
Geteilt 0
Hallo ich brauche mal einen Rat.
Ich habe auf meiner Homepage eine Auflistung von 3 Modellen
https://zeltsysteme-goebel.de/faltzelte.html
Darunter habe ich alles in Zeilen gemacht. Kann man das irgendwie anders besser lösen?
Auf dem Desktop sieht es gut aus, aber bei kleineren Auflösungen wird das unübersichtlich (finde ich)
und bei der Anordnung im Responsiv ist es sehr kompliziert
Vielleicht hat jemand eine Idee
Gepostet am
Hallo Michael,
man kann zwar alles mit dem Tabellen Objekt machen aber nicht ohne zusätzlichen Code Responsiv.
Ich habe das mit einem kleinen Script gemacht das sieht so aus. Wenn man darüber fährt mit der Maus dann kommt auch ein Schatten vor.
Das Script habe ich in einem HTML-Objekt eingebaut. Farben usw. lassen sich schnell mit dem Hex-Code ändern.
Ist natürlich für jedes Mobile Format angepasst.
Gruß
Andreas
ps. Bei Imntersse stelle ich das Script hier rein.
Ich hatte dazu vor kurzer Zeit eine Anregung gemacht und dann diese Lösung gebaut.
https://helpcenter.websitex5.com/de/post/215589
Autor
Ja das sieht schon mal gut aus. Kannst du mir den Code dafür geben?
In welches Objekt füge ich den ein? Und kann ich dein Beispiel mal responsiv sehen?
(It > De) ... Ich sehe, dass Sie bereits meinen Code für das dem Text angepasste Menü verwenden...
...
, die auf diese Weise modifiziert wurde:
... selbst für die Tabelle am Ende Ihrer Seite können Sie einfach meine Erfindung verwenden
<style> table {word-break: break-all;}
#imCell_420 div {overflow-x: hidden !important;} </style>
<script> $( document ).ready(function() { $("table").css("width", "");}); </script>
............
>>>> Schritt 3 - Sitemap > Eigenschaften der Seite Fenster > Funktionen im Bereich Erweitert |▪Benutzerdefinierter Code: >▼Vor dem </HEAD> Tag
.
... Hallo, ciao
.
Der Code muss in einem HTML-OBJEKT rein und steht in dem Post den ich gelinkt habe Michael.
Autor
Jetzt komme ich durcheinander :-)
Für was ist der Code von KolAsim?
Autor
@Andreas L.
Muss ich da 3x ein HTML Objekt nebeneinander machen, wenn ich 3 solcher "Boxen" brauche?
Nein ein HTML Objekt über die gesamte breite ziehen.
Wenn Du es mit einem Tabellen Objekt machst dann kannst du den Code vom KolAsim nehmen, dann werden die etwas angepasster Mobil angezeigt.
(It > De) ... da Sie meine Codes bereits auf Ihrer Seite verwendet haben, Sie müssen es nur auf die gleiche Weise versuchen, mit einem copy/paste, und Sie werden es sofort wissen ...
... müssen Sie den Code in den Abschnitt einfügen zuvor angegeben, Experten-/HEAD, ein Klick ...
... Ich habe diesen Code erfunden, vor einigen jahren, einzigartig, das wird elastisch! insbesondere WebSiteX5-Tabellen ...
.
ciao
.
Autor
@Andreas L.
Wenn ich 1 HTML Objekt über die ganze Spalte ziehe dann bleibt es trotzdem bei einer Box.
Aber ich brauche 3 Stück
Autor
Achso aber wenn ich eine Tabelle nehme kann da auch ein Button in ein Feld oder muss ich den als Objekt unter die Tabelle machen?
Warum du nur eine Box hast verstehe ich nicht ehrlich gesagt.
So wird es eingebaut:
und dann einfach den gesamten Code da rein, hier ein Ausschnitt:
In der Datei ist der Code drin.
Autor
Das hat jetzt funktioniert danke.
Kann ich in eine Spalte auch ein Bild einfügen?
Ja klar
<img src="img_bild.jpg" alt="Bildbeschreibung" width="breite" height="höhe">
breite 351 habe ich genommen und hier eingefügt.
Natürlich musst du dann hier
noch das Bild(er) einfügen.
Im Code muss dann natürlich der richtige Pfad stehen.
Autor
ok ich probiere das mal und wie bekomme ich das Bild in eine bestimmte Spalte?
Unter das Feld Preis zum Beispiel
Na das ist ja jetzt offensichtlich oder nicht Michael!
Das hier: <img src="img_bild.jpg" alt="Bildbeschreibung" width="breite" height="höhe">
unter
<li class="grey">CHF 99.99</li>
Autor
Ich habe das so gemacht, aber Bild wird in der Vorschau nicht angezeigt.
Oder geht das nur Online?
bin mir nicht sicher! geht es in keinem Browser? Ist der Pfad richtig angegeben worden?
Autor
Ich habe es erstmal nur in der Programm Vorschau probiert
Wenn du die Bilder in einem Ordner gepackt hast dann muss die in dem Pfad natürlich ebenfalls im code so drin stehen.
Also: <img src="/Bilder/img_bild.jpg" alt="Bildbeschreibung" width="breite" height="höhe">
(It > De) ...!... ... um die Bilder mit dem benutzerdefinierten Code oder das Bildobjekt mit URL zu verwenden, können Sie die ABSOLUTEN Pfade (*) oder die RELATIVEN Pfade (**) verwenden ...
(*) ... Beispielpfad ABSOLUTE: http://Site-Name.de/images/Image-Name.jpg ...(* bis)
(**) ... Beispiel RELATIVER Pfad: files/Image-Name.jpg ...(** bis)
(* bis) ... in diesem Fall muss sich das Bild bereits im NETZWERK befinden und / oder mit einem dritten FTP-Client gesendet werden.
(** bis) ... in diesem Fall muss die Bilddatei direkt an das Projekt angehängt werden (ATTACHMENTS), [▪Hinzufügen(1) or ▪Hinzufügen(2)], wobei der Ordner "files" als Standardziel verbleibt...
... in beiden Fällen funktioniert das Bild auch in der Vorschau...
.
Autor
Danke für eure Hilfe aber das geht irgendwie nicht :-(
Ich habe mal Bilder angehängt, wie ich es gemacht habe. Da ist bestimmt was falsch
Autor
Bild02
STAMP 2 >> bild02.jpg >> OK ...
STAMP 1 (!) >> bild01.jpg >> NO! ... (*)
(*) :
<li> <img src="files/classic-trans.png" alt="Bildbeschreibung" title="Bildbeschreibung" width="50" height="30"></li>
... or elastic:
<li> <img src="files/classic-trans.png" alt="Bildbeschreibung" title="Bildbeschreibung" width="100%" ></li>
.
ciao
.
Autor
Super danke und wird das Bild dann auch kleiner bei repsonsiv?
... bei width = "100%" (or height="100%")! passt das Bild rational und proportional zu der Zelle, in der es sich befindet ...
... ... Prioritäten Breite, (oder Priorität Höhe) ...
ciao
.
Ich hoffe es hat jetzt alle funktioniert Michael?
Autor
Ja vielen Dank euch allen. Ich bin gerade am basteln.
Wie du schon geschrieben hast, könnte das Inco einfacher lösen