Tabelle verschiebt Template Layout

[Nicolai95]

Hallo zusammen,

ich habe in den Artikel-Attributen einen neuen Reiter angelegt, in dem eine Tabelle Platz finden sollte, mit Kundenversprechen. Nun stehe ich vor dem Problem, dass diese Tabelle irgendwie das gesamte Layout der Artikelseite im JTL- Shop verschiebt. "Ähnliche Artikel" wird plötzlich von unten an die rechte Seite geschoben und die angelegte Tabelle geht bis in den Footer hinein. Im Wawi konnte ich keine Einstellungen finden, die dieses Problem von vornherein verhindern. Wenn ich die Tabelle "zentriert" anlege entsteht dieses Problem komischerweise nicht, wenn ich es allerdings linksbündig setzen möchte verschiebt sich alles. Dachte die Bereiche "Attribute" und die Reiter "ähnliche Artikel" und der Footer sind unabhängig von einander? Wäre jedenfalls sehr froh über gute Ratschläge, wie ich dieses Problem in den Griff bekommen kann.

Habe hier noch ein Bild, damit ihr seht was ich meine. Danke für die Hilfe!

 

[Star Piercing]

Ich könnte mir auch vorstellen das die Tabelle nicht korrekt geschlossen wurde.
Wie sieht das ganze denn in der Wawi aus?

 

[Nicolai95]

Ich könnte mir auch vorstellen das die Tabelle nicht korrekt geschlossen wurde.
Wie sieht das ganze denn in der Wawi aus?

Hier sieht das eigentlich normal aus. Ist HTML-seitig auch mit </table> geschlossen, falls du das meinst.

 

[Star Piercing]

hast du mal ein screenshot wenn du auf Quellcode wechselst?

Die ähnlichen Artikel sind sonst unterhalb der Tabs oder?

 

[Nicolai95]

hast du mal ein screenshot wenn du auf Quellcode wechselst?

Die ähnlichen Artikel sind sonst unterhalb der Tabs oder?

Da sieht das so aus. Ist jetzt nicht der gesamte Quellcode der Tabelle, das bekomme ich nicht auf einen Screenshot. Kannst du damit genug anfangen? Danke für deine Hilfe!

 

[css-umsetzung]

Es wäre sinnvoller, sich das live anzuschauen.

 

[Nicolai95]

Es wäre sinnvoller, sich das live anzuschauen.

Gerne, wie komme ich in diesen Genuss?

 

[css-umsetzung]

indem du uns den Link zur Webseite gibst wo das Problem existiert

 

[Enrico W.]

Bitte achte künftig auf das passende Unterforum, wenn Du ein Thema erstellst. Der JTL- Shop ist nicht die JTL-Wawi
Danke.

 

[css-umsetzung]

Wie ich schon schrieb, solche Sachen muss man live sehen, habe ich jetzt.....

Im Grunde ist das was ich sehe eine mittlere html Katastrophe aber mir ist schon klar, dass man als normaler Anwender immer den einfachen geht.

Also, um das Problem das du da hast zu beheben musst du das align="left" aus der Tabelle entfernen (Ich spare es mir jetzt zu schreiben warum) in jedem Fall solltest du egal welche Elemente du einfügst, auf das align grundsätzlich verzichten.

Dann muss ich sagen das du dabei bist, dir hier einen schönen Tannenbaum zu bauen, viele Sinnlose Elemente für die Ausgabe eines Textes

Lasse dir von einem der sich damit auskennt lieber eine Vorlage erstellen damit das auch alles nicht einfach so untereinander angezeigt wird, ich würde hier auch nicht mit strong arbeiten, da es SEO technisch nicht so der Knaller ist.
Gleiches gilt für die Verwendung von h2.
Wofür braucht das Bild eine Angabe der Schriftgröße?

Das was du hier hast, lässt sich vom Quellcode hier extrem reduzieren und gleichzeitig aber auch responsiv vernünftig darstellen wenn man sich etwas mühe gibt.



Ich hab hier mal (bitte so nicht verwenden, ist nur ein Beispiel um das zu veranschaulichen) diesen Teil so umgeschrieben das es sich responsiv verhalten könnte.
Das in Verbindung mit etwas css und du könntest die Elemente sogar (je nach Auflösung) in drei oder weniger spalten anzeigen lassen.

<div class="container">
    <div class="row">
        <div class="col">
            <div class="row">
                <div class="col">
                    <img class="img-fluid" alt="Kein Mindestbestellwert" src="/wp-content/uploads/2023/04/Kein-Mindestbestellwert.png" style="width: 123px; height: 110px;">
                </div>
                <div class="col">
                    Für Sie gibt es keinen Mindestbestellwert
                </div>
            </div>
        </div>
    </div>
</div>