Spaltenset formatieren

[peterpan]

Hallo, ich habe ein Spaltenset generiert und nun soll jede Spalte eine andere Farbe erhalten. Ich habe nun schon viel mit den Selektoren rumgespielt. Ich komme nicht zum gewünschten Ergebnis.

Hier mal ein AUszug:

<div id="main">
<div class="inside">
<div class="mod_breadcrumb block">
<div id="startseite" class="mod_article block">
<div class="ce_text block">
<div class="ce_text block">
<section class="ce_colsetStart subcolumns colcount_4">
<div class="c25l col_1 first">
<div class="subcl" style="padding-right:9px;">
<div class="ce_text block">
</div>
</div>
<div class="ce_colsetPart c25l col_2">
<div class="ce_colsetPart c25l col_3">
<div class="ce_colsetPart c25r col_4 last">
</section>
</div>
</div>
</div>

Ich möchte das die erste Spalte einen roten Hintergrund bekommt. Wie genau muss ich sie per CSS ansprechen?
Ich habe Bücher gelesen und werde da einfach nicht draus schlau.

Für Hilfe bin ich dankbar.

Eurer Peter

[RainerG]

Und wie sieht dein CSS dazu aus?

[dhe]

Ähm,
du hast doch schon den richtigen Selektor herausgefunden...

.subcolumns .col_first {background:red}

[kos]

Also .col_first wird wohl hier nicht greifen.

Ich würde eher mit .col_1 .... .col_xx ansetzen.

[dhe]

Stimmt

[peterpan]

.subcolumns .col_first
.subcolumns .col_1
.subcolumns .c25l_col_1
#main .subcolumns .c25l_col_1
#main .inside .subcolumns .col_1
#main .subcolumn .col_1

Es tut sich einfach nix (

[peterpan]

Der Screenshot zeigt den Pfad an.
Bildschirmfoto-2013-05-02-um-20.41.png

[dhe]

Nimm mal den Firebug (Firefox) oder den Inspector (Chrome).
Dann siehst du, ob eventuell andere CSS Anweisungen deine gewünschten überschreiben.

Oder hast du vielleicht einen Link zu der Seite?

Gruß

[peterpan]

So was ähnliches habe ich mir auch schon gedacht, dass da eine andere CSS dazwischenfunkt. Leider habe ich es lokal installiert. Ich versuch mal den Inspector mit chrome.

[peterpan]

STRIKE. Ich habe mir die css mit dem Inspector in Chrome angeschaut
Bildschirmfoto-2013-05-03-um-11.54.28.gif
und durch etwas try and error endlich die richtigen Selektoren gefunden. Sie lauten:

.c25l.col_1
.c25l.col_2
.c25l.col_3
.c25r.col_4 (Achtung c25r und nicht c25l, warum auch immer!)

Bildschirmfoto 2013-05-03 um 12.09.30.png

[mandrake]

Hallo Peter,

(Achtung c25r und nicht c25l, warum auch immer!)

Die Umkehrung der Float-Richtung in der letzten Spalte jeder Zeile dient der Korrektur von Rundungsfehlern.

MfG
Peter

[peterpan]

Was ich mich manchmal frage ist, warum noch nie jemand auf die Idee gekommen ist das Standard Template von Contao in CSS technischer Hinsicht mal komplett auseinander zu nehmen, um zu zeigen wo man genau im css drehen muss. Wenn ich die Ahnung und Zeit dafür hätte würde ich das glatt machen. Vieles wird erst durch try and error deutlich. Vor längerer Zeit habe ich mir mal das Buch little boxes gekauft und gelesen, aber es bleibt zu wenig hängen.

Soeben habe ich noch folgendes gefunden, das ist schon mal eine nette Hilfe: http://de.contaowiki.org/Css_ABC_in_Contao

[MacKP]

Das hat noch keiner gemacht, weil es nicht immer einen Weg gibt, sondern unheimlich viele. Je nach Anforderung / Geschmack / Können wird man gewisse Dinge im CSS andes regeln.
Beispiel:
Navigation:

nav ul li ul li a
oder
nav ul.level_2 li a
oder
.level_2 a
oder
oder
oder...

Kommt auch drauf an was man vorher schon im CSS stehen hat (Vererbung) etc.
Dir hilft da immer nur CSS lernen. Das kann dir einfach keiner abnehmen.

Viele Grüße