CSS wird ignoriert
Eingetragen von snes (18)am 15.12.2010 - 11:52 Uhr in
Hallo,
ich bin noch sehr neu in Drupal, mit CCK und Views selbst habe ich zum ersten mal zu tun, hatte dabei aber eigentlich nicht sehr große Schwierigkeiten.
Jetzt geht's aber darum, dass ich's gern schöner hätte.
Ich lasse die Felder untereinander ausgeben und habe somit im Quelltext folgendes stehen:
<div class="view-content">
<div class="views-row views-row-1 views-row-odd views-row-first">
<span class="views-field-title">
<span class="field-content">test 2</span>
</span>
<div class="views-field-field-type-value">
<span class="field-content">test</span>
</div>
<div class="views-field-field-beschreibung-value">
<div class="field-content">test</div>
</div>
<div class="views-field-field-teilnehmer-value">
<span class="field-content">11Personen</span>
</div>
</div>
<div class="views-row views-row-2 views-row-even">
... usw ...Ich habe jetzt eine CSS Datei geschrieben und diese mittels meinTheme.info eingebunden.
Cache geleert usw. die CSS Datei wird mir auch tatsächlich eingebunden, mein Problem ist aber, dass der CSS-Code trozdem ignoriert wird.
Schlage mich jetzt schon ziemlich lange damit herum und verzweifle bald, weil ich nicht weiß was ich falsch mache.
.views_row {
margin-bottom: 10px;
border-bottom: 1px solid black;
color: #3C3;
}Ich hab mir auch schon die Template dateien angesehen, aber das is mir noch ein bisschen zu viel im Moment. (views-view.tpl.php usw.)
Habe ich einen entscheidenden Schritt vergessen?
Schon mal großen Dank!
- Anmelden oder Registrieren um Kommentare zu schreiben
CSS
am 15.12.2010 - 11:56 Uhr
Hallo.
Du verweist in Deinem CSS auf eine Klasse namens "views_row". Diese gibt es jedoch in dem HTML nicht. Dort gibt es "views-row" (Bindestrich statt Unterstrich).
Falls das nur hier ein Schreibfehler war, ist der Selektor höchstwahrscheinlich zu unspezifisch. Nimm Dir mal Firebug und schau Dir damit eine Zeile des Views an. Dann siehst Du, welche CSS-Anweisungen für das Styling einer Zeile verantwortlich sind und gegebenenfalls Deine Anweisung überschreiben.
Ein besserer (weil spezifischerer) Selektor wäre
#idDesViews div.view-content div.views-row.hth,
Stefan
Ach du...
am 15.12.2010 - 12:01 Uhr
Danke!
Ich hab's nicht gesehen, unglaublich.
Es funktioniert, sieht zwar jetzt grausam aus, aber das lässt sich ja jetzt einrichten.
Vielen Dank!
Is mir jetzt richtig peinlich, mein erster Beitrag und dann gleich sowas.