WebSite X5Help Center

 
Michael G.
Michael G.
User

Zeilen oder Tabelle  de

Autor: Michael G.
Besucht 880, 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
31 ANTWORTEN - 4 NüTZLICH
Andreas L.
Andreas L.
User

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.

Mehr lesen
Gepostet am von Andreas L.
Michael G.
Michael G.
User
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?

Mehr lesen
Gepostet am von Michael G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats PT
Michael G.
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

(It > De) ... Ich sehe, dass Sie bereits meinen Code für das dem Text angepasste Menü verwenden...wink...
... selbst für die Tabelle am Ende Ihrer Seite können Sie einfach meine Erfindung verwendencool, die auf diese Weise modifiziert wurde:

<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 

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Andreas L.
Andreas L.
User

Der Code muss in einem HTML-OBJEKT rein und steht in dem Post den ich gelinkt habe Michael.

Mehr lesen
Gepostet am von Andreas L.
Michael G.
Michael G.
User
Autor

Jetzt komme ich durcheinander :-)

Für was ist der Code von KolAsim?

Mehr lesen
Gepostet am von Michael G.
Michael G.
Michael G.
User
Autor

@Andreas L.

Muss ich da 3x ein HTML Objekt nebeneinander machen, wenn ich 3 solcher "Boxen" brauche?

Mehr lesen
Gepostet am von Michael G.
Andreas L.
Andreas L.
User

Nein ein HTML Objekt über die gesamte breite ziehen. 

Mehr lesen
Gepostet am von Andreas L.
Andreas L.
Andreas L.
User

Wenn Du es mit einem Tabellen Objekt machst dann kannst du den Code vom KolAsim nehmen, dann werden die etwas angepasster Mobil angezeigt.

Mehr lesen
Gepostet am von Andreas L.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats PT
Michael G.
Jetzt komme ich durcheinander :-) Für was ist der Code von KolAsim?

(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

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Michael G.
Michael G.
User
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

Mehr lesen
Gepostet am von Michael G.
Michael G.
Michael G.
User
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?

Mehr lesen
Gepostet am von Michael G.
Andreas L.
Andreas L.
User

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:

Mehr lesen
Gepostet am von Andreas L.
Andreas L.
Andreas L.
User

In der Datei ist der Code drin.

Mehr lesen
Gepostet am von Andreas L.
Michael G.
Michael G.
User
Autor

Das hat jetzt funktioniert danke.

Kann ich in eine Spalte auch ein Bild einfügen?

Mehr lesen
Gepostet am von Michael G.
Andreas L.
Andreas L.
User

Ja klar

<img src="img_bild.jpg" alt="Bildbeschreibung" width="breite" height="höhe">

breite 351 habe ich genommen und hier eingefügt.

Mehr lesen
Gepostet am von Andreas L.
Andreas L.
Andreas L.
User

Natürlich musst du dann hier

noch das Bild(er) einfügen.

Im Code muss dann natürlich der richtige Pfad stehen.

Mehr lesen
Gepostet am von Andreas L.
Michael G.
Michael G.
User
Autor

ok ich probiere das mal und wie bekomme ich das Bild in eine bestimmte Spalte?

Unter das Feld Preis zum Beispiel

Mehr lesen
Gepostet am von Michael G.
Andreas L.
Andreas L.
User

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>

wink

Mehr lesen
Gepostet am von Andreas L.
Michael G.
Michael G.
User
Autor

Ich habe das so gemacht, aber Bild wird in der Vorschau nicht angezeigt.

Oder geht das nur Online?

Mehr lesen
Gepostet am von Michael G.
Andreas L.
Andreas L.
User

bin mir nicht sicher! geht es in keinem Browser? Ist der Pfad richtig angegeben worden?

Mehr lesen
Gepostet am von Andreas L.
Michael G.
Michael G.
User
Autor

Ich habe es erstmal nur in der Programm Vorschau probiert

Mehr lesen
Gepostet am von Michael G.
Andreas L.
Andreas L.
User

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">

Mehr lesen
Gepostet am von Andreas L.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats PT
Michael G.
Ich habe es erstmal nur in der Programm Vorschau probiert

(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...

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Michael G.
Michael G.
User
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

Mehr lesen
Gepostet am von Michael G.
Michael G.
Michael G.
User
Autor

Bild02

Mehr lesen
Gepostet am von Michael G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats PT

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

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Michael G.
Michael G.
User
Autor

Super danke und wird das Bild dann auch kleiner bei repsonsiv?

Mehr lesen
Gepostet am von Michael G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats PT
Michael G.
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

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Andreas L.
Andreas L.
User

Ich hoffe es hat jetzt alle funktioniert Michael?

Mehr lesen
Gepostet am von Andreas L.
Michael G.
Michael G.
User
Autor

Ja vielen Dank euch allen. Ich bin gerade am basteln.

Wie du schon geschrieben hast, könnte das Inco einfacher lösen

Mehr lesen
Gepostet am von Michael G.