__catalog__ mit CSS

[Joachim]

Hallo,
ich benutze für __catalog__CSS in abgewandelter Form vom Weinshop-Demo.
Wo wird der Einzug für die Ebenen von Menu2 bis 5 geregelt? Ich meine es schon mal gesehen zu haben, weiß aber nicht mehr wo.

[ahe]

Hallo Herr Schulz,

das ist ein Beispiel für die Ebenen 2 und 3:

Code [Auswählen] Expand

.menu2 { display:block; padding-left: 28px; }
.msel2 { display:block; padding-left: 28px; }
.menu3 { display:block; padding-left: 42px; }
.msel3 { display:block; padding-left: 42px; }

Der Wert für padding-left gibt die Grösse der Einrückung an.
display: block dient dazu nach jedem Menüeintrag einen "Zeilenumbruch" zu erzwingen.

[Joachim]

Hallo ahe,
vielen Dank für die Antwort. padding ist mir schon klar,
aber WO  ist dieser Code untergebracht. Im Stylesheet sicher nicht.
Und da habe ich eben noch mal die Weinshop CSS angeschaut
- die Styles sind da in dieser Hinsicht absolut jungfräulich - und trotzdem gibts Einzüge.
Ihr habt das also irgendwo anders "versteckt".

Aber das ist nur ein sehr kleines optisches Problemchen.

Ich bin eher gespannt, ob HOP auf meinen Thread "Text aus externen Quellen"
(unser dBase-Problem) uns mit dem "kleinen" SSP-10-Zeiler helfen kann.

[Andi]

Hallo Joachim,

das wird via CSS geregelt.
Der Code befindet sich im Weinshop z.B. in der "link.css".
Du kannst den Code aber auch jede beliebige CSS-datei
einbauen (und natürlich verlinken..)

Grüße v. ANDI

[ahe]

Hallo Herr Schulz,

hab mir gerade mal den Quelltext im Online-Demoshop angeschaut.
So wie es aussieht, scheint im Standard-Weinshop die Formatierung (Einrückung) nicht per CSS gemacht zu werden.
In ShopPilot gibt es dafür eine Einstellung: Katalog vollständig über CSS formatieren (sorry, den genauen Wortlaut weiss ich nicht, da ich momentan kein ShopPilot zur Verfügung habe).
Wenn diese Option deaktiviert ist werden Leerzeichen zur Einrückung verwendet.
Schalten Sie diese Option also EIN und schreiben die Style-Angaben in die css-Datei.
Dann wird der Katalog-Identifier darüber formatiert und die Einrückung sollte per padding gesteuert werden.

Denke so müsste es klappen.
Kann es leider nicht selber testen, da ich (wie gesagt) kein ShopPilot zur Hand habe.

NACHTRAG:
Andy hat natürlich Recht :)
In der link.css sind die Einträge schon vorhanden.
Allerdings ohne padding. Das müssten Sie dann noch einfügen und die oben beschriebene Option aktivieren.

[Joachim]

Hallo Andi,
ich wollte gerade noch etwas editieren, da kam Deine Antwort.
Ich benutze ja schon für alles die von mir angepassten CSS.
Nur der Einzug wird eben nicht darüber geregelt. Unsere lieben Freunde von IBO haben das woanders hinterlegt.

Dafür spricht auch der beispielhafte Quelltext:

         http://barriqueshop.lw-ng1.hajo-nolte.de/cgi-bin/iboshop.cgi?show1001,41011735028461">Bergerac


Hier sind nämlich 9 erzwungende Leerzeichen zu finden, die nichts mit padding zu tun haben.

[Joachim]

Lieber ahe,
ich gebe mal unser unvollständiges "geheimes" projekt bekannt:

http://barriqueshop.lw-ng1.hajo-nolte.de/cgi-bin/iboshop.cgi?show0

Hier habe ich schon, wie unschwer zu erkennen ist, paddings eingebaut.

Ein globales Padding würde derzeit mit meinem individuellem Padding kollidieren, das mag ich mir nicht antun.
Besser wäre es, ich könnte in Eurer Source, wo auch immer die ist, ein weiteres erzwungenes Leerzeichen einfügen.

Uuops alles nicht so einfach  :]

Aber wenns nicht geht, lasse ichs einfach,
das dBase-Problem (scusi- schon wieder angesprochen, ist drängender!)

[ahe]

Original von Joachim Schulz
Hier habe ich schon, wie unschwer zu erkennen ist, paddings eingebaut.

Hmm, ich kann keine paddings finden...
In Ihrer links.css steht zum Beispiel:
.menu3     { color: black; font-style: normal; font-weight: bold; font-size: 11px; line-height: 15px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }

Da muss nun nur noch zb "padding-left:10px;" dazu, also:
.menu3     { color: black; font-style: normal; font-weight: bold; font-size: 11px; line-height: 15px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; padding-left:10px; }

Und die unten beschriebene Option muss noch aktiviert werden.
Dann war das auch schon alles.

Original von Joachim Schulz
Ein globales Padding würde derzeit mit meinem individuellem Padding kollidieren, das mag ich mir nicht antun.
Besser wäre es, ich könnte in Eurer Source, wo auch immer die ist, ein weiteres erzwungenes Leerzeichen einfügen.

Das ist so nicht gedacht.
Spätestens beim nächsten SP Update haben Sie dann nämlich wieder den alten Zustand.

Original von Joachim Schulz
Aber wenns nicht geht, lasse ichs einfach,
das dBase-Problem (scusi- schon wieder angesprochen, ist drängender!)

Dabei kann ich leider nicht helfen.

[Joachim]

Lieber ahe,
die paddings gibts bei msel.
Aber ok, ich gebe mich geschlagen :))
und schaue, ob ich das mit meinen CSS vollständig regel,

Gebt mir bitte Bescheid, wenn bei Eurem nächsten Update die erzwungenen Leerzeichen rausfliegen.
 
Gerade hat hop für mein dringendes Problem eine Lösung angeboten und darauf werde ich mich stürzen.

Vielen Dank für Eure Beiträge.

[ahe]

Falls es nicht klappen sollte melden Sie sich einfach.
Dann pass ich Ihre css-Datei nächste Woche kurz an.

[Joachim]

Lieber ahe,
vielen Dank für das Angebot.
Aber solange ihr die Leerzeichen noch - ich weiß ja immer noch nicht WO - zulässt, kann die CSS nicht verändert werden, weil die Spaltenbreite der Navi auf 175 Pixel festgelegt ist.
Leerzeichen + Meine paddings sprengt das.

[ahe]

Die Leerzeichen werden dann gar nicht mehr eingefügt und alles wird ausschliesslich über CSS formatiert.
Das ist sogar optimal um in fest vorgegebenen "Boxen" zu arbeiten (man kann ja pixelgenau positionieren).
Im Styleshop (http://www.shoppilot.de/demoshops/ep_styleshop) ist es zum Beispiel so realisiert.
Da hat das Navigationsmenu eine feste Breite und die Einrückung erfolgt einzig durch die paddings.

[hop]

Hallo,

man kann unter Projekt | Optionen festlegen, ob
der __catalog__ vollständig über CSS eingestellt wird.
Ist nur kleine Checkbox, aber mit enormen Effekt.

Gruss hop