Hilfe!! CSS Klassen im editor.

Shopware 5 Allgemein
1

Hallo,

ok ich bin nciht der Überpro im programmieren. Ich möchte eigentlich nur in einer einkaufswelt in einem Textfeld 3 Bilder nebeneinander anordnen, und keine Tabelle benutzen:

Normalerweise habe ich eine Style.css wo ich folgendes reinschreiben würde:

img150
{
float: left;
width: 150px;
padding: 3px;
font-size: 0.7em;
}

und im html feld: 

*
Hier steht ein Untertext

 

*2
Hier steht ein zweiter Untertext

 

*3
Hier steht ein dritter Untertext

Nun gibt mir der Editor so ein Feld mit CSS Klassen vor. Ich stehe auf dem Schlauch was ich da nun reinschreiben soll. Wenn ich die ganze CSS Anweisung nehme, speichert er es nicht ab!

Schreibe ich nur “img150” dann speichert er es zwar, aber es nützt mir ja ncihts.(kein float)

Oder wie macht ihr das?

 

Danke 

2

Du könntest die benötigte CSS-Klasse in deiner LESS-Datei in deinem eigenem Theme ergänzen und anschließend die Klasse über den HTML Editor direkt den HTML-Elementen zuweisen.

3

3 Bilder nebeneinander anordnen, und keine Tabelle benutzen
…
Oder wie macht ihr das?

Nur ein ganz ganz ganz grobes Beispiel auf die Schnelle:

HTML:

 Bild1 
 Bild2 
 Bild3

CSS:

dl {
 display: tabele;
 width: 100%;

}

dd {
 display: table-cell;
 width: 33%;
}

oder LESS:

dl {
  display: tabele;
  width: 100%;

    dd {
      display: table-cell;
       width: 33%;
    }
}

Und bei Mobil:

@media (max-width: 640px) {
  dd {
    display: block;
    width: 100%;
  }
}

 

Viele Wege führen zum Ziel …

 

4

Danke