CSS Problem

[mtbler999]

Hallo zusammen,

ich habe folgendes Problem,
ich habe 3 Überschriften, der 1. Überschrift hab ich eine CSS-ID zugewiesen,
den anderen beiden nicht.
Jetzt übernimmt aber die 3. Überschrift auch das Stylesheet von der 1. Überschrift.
Wie kann das sein?
Hier der Link: http://jeans-o-thek.de/grid-test.html

[Spooky]

Du hast doppelte IDs auf der Seite. Dein Artikel hat den Alias "grid-test" - dieser Alias wird auch als CSS ID verwendet.

[jscholtysik]

Und dieser CSS-Teil ist dafür verantwortlich:

#grid-test > h1 {
    background-color: #fc6a6a;
    border: 5px solid #474343;

Alle H1 unterhalb von Grid-Test sollen diese Eigenschaften erhalten...

[mtbler999]

Und dieser CSS-Teil ist dafür verantwortlich:

#grid-test > h1 {
    background-color: #fc6a6a;
    border: 5px solid #474343;

Alle H1 unterhalb von Grid-Test sollen diese Eigenschaften erhalten...

aber dann müsste ja die 2. Überschrift das auch übernehmen oder?

[jscholtysik]

Nein, weil das DIV darüber ja die folgenden Klassen hat und nicht "grid-test" als ID hatte:

ce_text grid8 block

<div class="ce_text grid8 block">

      <h1>Überschrift 2</h1>
    
      <p>test2</p>  
  
</div>

[mtbler999]

@spooky, ja das war das Problem. Das funktioniert jetzt. Danke

Wenn ich jetzt der 3. Überschrift eine eigene CSS-ID zuweise,
übernimmt diese aber nicht das Stylesheet.

@jscholtysik, liegt das jetzt daran was du vorher geschrieben hast?
Falls ja was muss ich machen dass die 3. Überschrift ihre CSS-ID übernimmt?

[jscholtysik]

Du hast der Überschrift 3 jetzt eine ID "grid-versuch-3" gegeben, aber in der CSS-Datei gibt es keine ID "grid-versuch-3"...

Was sollte da das Stylesheet übernehmen? Die ID hast Du ja definiert, also musst Du auch die Eigenschaften dieser ID in der CSS-Datei definieren.

Mit den Element-Inspektoren der Browser kannst Du das ganz leicht sehen.

[mtbler999]

Grid-Stylesheet.JPG

die hab ich doch definiert.

[jscholtysik]

Du hast aber laut Quellcode die ID "grid-versuch-3" direkt bei der Überschrift 3 (h1) definiert, Deine CSS sagt aber, dass die Definition nur für eine H1 unterhalb von "grid-versuch-3" verwendet werden soll...

Also in Deinem Fall:

#grid-versuch-3
{
... Hier kommen Deine Definitionen für die Überschrift 3 rein
}

oder

h1#grid-versuch-3
{
... Hier kommen Deine Definitionen für die Überschrift 3 rein
}


Nicht:
#grid-versuch-3 > h1 --> gilt nur für H1 unterhalb von #grid-versuch-3

und auch nicht:

#grid-versuch-3 > h1
#grid-versuch-3
{
...
}

--> Kommafehler, da mehrere Selektoren?


Die Anordnung der Überschriften und der Bilder darunter ist m.M.n. auch perfekt für die Flexbox geeignet...

[mtbler999]

Ah jetzt hab ich es umrissen. Probier ich nachher gleich aus.
Danke.
Sorry dass ich so lang auf dem " Schlauch stand"


Gesendet von iPhone mit Tapatalk

[mtbler999]

das mit der Überschrift 3 passt jetzt.

Aber jetzt wird bei der Überschrift 1 das Stylsheet nicht mehr übernommen.
Das war aber schon beim ersten laden der Seite heute, also bevor ich das für die Überschrift 3 geändert habe.

Gestern hatte das einwandfrei funktioniert. Weiß jemand was da jetzt nicht stimmt?

[jscholtysik]

Du solltest Dir genau überlegen, was Du eigentlich stylen willst. Du hast jetzt folgenden Quelltext für die Überschriften:

<div class="ce_text grid4 first block" id="Grid-Versuch">
      <h1>Überschrift 1</h1>
      <p>Test 1</p>  
</div>

<div class="ce_text grid8 block">
      <h1>Überschrift 2</h1>
      <p>test2</p>  
</div>

<h1 class="ce_headline grid12" id="Grid-Versuch-3">
  Überschrift 3</h1>

Bei der Überschrift 3 hast Du die ID "Grid-Versuch-3" direkt der H1 gegeben, damit stylest Du auch direkt die H1.

Bei der Überschrift 1 hast Du die ID "Grid-Versuch" aber dem DIV gegeben, damit stylest Du aber nicht die H1, sondern den Kasten außenrum. Wenn Du die ID "Grid-Versuch" hier auch direkt der H1 gibst, kannst Du die auch direkt stylen (vorausgesetzt, Du hast auch Eigenschaften für die ID "Grid-Versuch" in der CSS-Datei drin...)

Und ganz wichtig: CSS und die Element-Inspektoren der Browser sind Deine Freunde!!

[mtbler999]

Grid-Stylesheet_2.JPG

Laut meinem Stylsheet spreche ich aber schon die Überschrift direkt an.

Überschrift 1 ist ein Text Element.
Überschrift 3 ist ein Überschrift Element.

Vorallem hat es es ja gestern bei der Überschrift 1 noch richtig angezeigt.

[Spooky]

Bei diesem Selector:

#test-grid-galerie > ul > li.row_0.row_first.row_last.even.col_0.col_first,#test-grid-galerie > ul > li.row_0.row_first.row_last.even.col_1,#test-grid-galerie > ul > li.row_0.row_first.row_last.even.col_2,

hast du einen Beistrich zu viel.

[jscholtysik]

Also im Element-Inspektor vom Firefox werden keine Eigenschaften der ID "Grid-Versuch" geladen, sondern ganz normal die Eigenschaften von #main h1...

[mtbler999]

Woran liegt das? Wenn ich es ja eig. Über ein Stylesheet anspreche.


Gesendet von iPhone mit Tapatalk

[Spooky]

Bevor du dich weiter wunderst, behebe erst mal diesen Fehler: https://community.contao.org/de/show...l=1#post435024

[mtbler999]

Der Beistrich ist weg, ändert aber nichts.

[Spooky]

In deinem Navigation_horizontal Stylesheet befindet sich auch noch ein Syntax Fehler, wo genau der liegt kann ich dir allerdings auf die Schnelle auch nicht sagen.

[mtbler999]

Ich habe jetzt oberhalb der Überschrift 1 nochmal ein Text Element eingefügt und eine CSS-ID zugeordnet.
Dieses Element wird nicht vom Stylesheet angesprochen, aber die Überschrift 1 funktioniert jetzt auf einmal.

Also funktioniert anscheinend immer das Stylesheet für das oberste Element nicht.

Ich weiß aber nicht warum.

[Spooky]

Behebe zuerst mal deine fehlerhaften CSS Anweisungen. Lösche/deaktiviere notfalls nochmal alles und arbeite dich Stück für Stück voran.

[mtbler999]

Ich hab jetzt im Seitenlayout das CSS für "Navigation horizental" einmal deaktiviert, dann geht es.

Jetzt hab ich es wieder aktiviert, und es geht auch.

Kann das sein, daß das jetzt die Lösung ist, normal nicht denke ich?

[Every Nation Berlin]

Hallo alle,
I habe ein Problem mit meinem CMS (3.2.1) und brauche das dringend gelöst - kann aber nicht finden wo ich ein neues Thema (topic?) anfangen kann.
Hilfe?
Danke!

[tab]

Wähle in der Forenliste (Auf "Forum" klicken) das für dein Thema passende Unterforum aus, dann siehst du oberhalb der Beitragsliste den Button "+ Thema erstellen".

[Every Nation Berlin]

Danke!