Breadcrumb Menü anpassen nach update von 2.11 of 3.5

**Sauerwald** · 15.02.2019, 15:33

Hallo Leute,

ich habe ein update von 2.11 auf 3.5 durchgeführt.

www.hildfeld.net 2.11
fsw.hildfeld.net 3.5

soweit läuft es auch bis auf das Breadcrumb Menü. da ist jetzt ein Zeilenumbruch drinnen.

Ich habe dazu schon mal was im Forum gelesen, finde es aber nicht mehr.

Vielleicht hat einer einen Tipp für mich.

Code:

Name: 	fsw
Änderungsdatum: 	14.01.2012 15:14
Medientypen: 	all

    Formatdefinition bearbeiten Formatdefinition duplizieren Formatdefinition verschieben Formatdefinition löschen Sichtbarkeit ändern Formatdefinitionsdetails Neues Element nach der Formatdefinition ID 97 erstellen

    .mod_breadcrumb {
        margin-bottom:1em;
        font-size:11px;
        line-height:14px;
        color:#888;
    }

    Formatdefinition bearbeiten Formatdefinition duplizieren Formatdefinition verschieben Formatdefinition löschen Sichtbarkeit ändern Formatdefinitionsdetails Neues Element nach der Formatdefinition ID 98 erstellen

    .mod_breadcrumb a:link,
    .mod_breadcrumb a:visited {
        text-decoration:none;
        color:#888;
    }

    Formatdefinition bearbeiten Formatdefinition duplizieren Formatdefinition verschieben Formatdefinition löschen Sichtbarkeit ändern Formatdefinitionsdetails Neues Element nach der Formatdefinition ID 99 erstellen

    .mod_breadcrumb a:hover,
    .mod_breadcrumb a:focus,
    .mod_breadcrumb a:active {
        text-decoration:underline;
        color:#333;
    }

Hier schon mal ein Teil vom css

kann man das da einstellen?

Gruß

Markus

**mlweb** · 15.02.2019, 16:29

Eine Möglichkeit ist display: inline; für das li-Element innerhalb von breadcrumb. Das Trennungszeichen > dann über das Pseudoelement after für alle li außer dem letzten.

**PaddySD** · 15.02.2019, 19:20

Sorry, dass ich hier schon wieder den "Bösen" geben darf...

Wenn Du jetzt gerade geupdated hast, ist es genau jetzt der Zeitpunkt, das bis zum Schluss fertig zu machen!!! Es bringt auch nichts, jetzt Fehler in einer 3.5.x zu beheben, das ist ernsthaft verschwendete Lebenszeit!

Mal ehrlich, die Sicherheitsupdates laufen, je nach Sichtweise, in zwei bis drei Monaten aus.... Wenn Du ohnehin im Update-Prozess bist, ist eine 4.4.x LangZeitService (LTS) genau das Richtige!

Ich hab hier etwas dazu geschrieben, und bitte wirklich eindringlich, nicht bei 3.5.x stehen zu bleiben!
https://community.contao.org/de/show...pdateproblemen

Never beat a dead horse.

Mein Dank ist Dir sicher, wenn Du updatest, wir können alle nur Interesse an einem sicheren, modernen Internet haben!

**Sauerwald** · 11.03.2019, 14:20

Zitat von mlweb

Eine Möglichkeit ist display: inline; für das li-Element innerhalb von breadcrumb. Das Trennungszeichen > dann über das Pseudoelement after für alle li außer dem letzten.

Hallo mlweb,

danke für die Antwort.
Leider war ich krankheitsbedingt nicht in der Lage zu antworten.

Leider stehe ich etwas auf dem Schlauch. Ich bin nicht der , der css so gut beherrscht.
Sorry
Ich habe den Code soweit verändert. Leider immer noch untereinander.

Code:

.mod_breadcrumb ul li a {
    margin-bottom:1em;
    font-size:11px;
    line-height:14px;
    color:#888;
    display block
}

Formatdefinition bearbeiten Formatdefinition duplizieren Formatdefinition verschieben Formatdefinition löschen Sichtbarkeit ändern Formatdefinitionsdetails Neues Element nach der Formatdefinition ID 98 erstellen

.mod_breadcrumb ul li a:link,
.mod_breadcrumb ul li a:visited ul li a {
    text-decoration:none;
    color:#888;
}

Formatdefinition bearbeiten Formatdefinition duplizieren Formatdefinition verschieben Formatdefinition löschen Sichtbarkeit ändern Formatdefinitionsdetails Neues Element nach der Formatdefinition ID 99 erstellen

.mod_breadcrumb ul li a:hover,
.mod_breadcrumb ul li a:focus,
.mod_breadcrumb ul li a:active {
    text-decoration:underline;
    color:#333;
}

Gruß

Markus

**Sauerwald** · 11.03.2019, 14:21

Zitat von PaddySD

Sorry, dass ich hier schon wieder den "Bösen" geben darf...

Wenn Du jetzt gerade geupdated hast, ist es genau jetzt der Zeitpunkt, das bis zum Schluss fertig zu machen!!! Es bringt auch nichts, jetzt Fehler in einer 3.5.x zu beheben, das ist ernsthaft verschwendete Lebenszeit!

Mal ehrlich, die Sicherheitsupdates laufen, je nach Sichtweise, in zwei bis drei Monaten aus.... Wenn Du ohnehin im Update-Prozess bist, ist eine 4.4.x LangZeitService (LTS) genau das Richtige!

Ich hab hier etwas dazu geschrieben, und bitte wirklich eindringlich, nicht bei 3.5.x stehen zu bleiben!
https://community.contao.org/de/show...pdateproblemen

Never beat a dead horse.

Mein Dank ist Dir sicher, wenn Du updatest, wir können alle nur Interesse an einem sicheren, modernen Internet haben!

Hallo Paddy,

danke für Deinen Hinweis.
Das war genau mein Plan. leider hänge ich noch an der css anpassung.

Gruß

Markus

**mlweb** · 11.03.2019, 15:06

Zitat von Sauerwald

leider hänge ich noch an der css anpassung.

Eigentlich halte ich es dann für klüger die css-Anpassungen erst nach dem Update auf Contao 4 zu machen, denn gerade im bereich der Navigation hat sich da etwas geändert zwischen Contao 3 und 4. Ob das auch auf die Breadcrumb-Navigation durchschlägt weiss ich nicht aus dem Kopf.

**mlweb** · 11.03.2019, 15:10

Zitat von mlweb

Eine Möglichkeit ist display: inline; für das li-Element innerhalb von breadcrumb. Das Trennungszeichen > dann über das Pseudoelement after für alle li außer dem letzten.

Zitat von Sauerwald

Ich habe den Code soweit verändert. Leider immer noch untereinander.

Code:

.mod_breadcrumb ul li a {
    margin-bottom:1em;
    font-size:11px;
    line-height:14px;
    color:#888;
    display block
}

Formatdefinition bearbeiten Formatdefinition duplizieren Formatdefinition verschieben Formatdefinition löschen Sichtbarkeit ändern Formatdefinitionsdetails Neues Element nach der Formatdefinition ID 98 erstellen

.mod_breadcrumb ul li a:link,
.mod_breadcrumb ul li a:visited ul li a {
    text-decoration:none;
    color:#888;
}

Formatdefinition bearbeiten Formatdefinition duplizieren Formatdefinition verschieben Formatdefinition löschen Sichtbarkeit ändern Formatdefinitionsdetails Neues Element nach der Formatdefinition ID 99 erstellen

.mod_breadcrumb ul li a:hover,
.mod_breadcrumb ul li a:focus,
.mod_breadcrumb ul li a:active {
    text-decoration:underline;
    color:#333;
}

Vielleicht bin ich heute blind, aber ich sehe kein display: inline; wie von mir vorgeschlagen.

**Sauerwald** · 11.03.2019, 15:24

Sorry jetzt aber

Code:

.mod_breadcrumb ul li {
    float:left;
    display:inline;
    margin-bottom:1em;
    font-size:11px;
    line-height:14px;
    color:#888;
}

Formatdefinition bearbeiten Formatdefinition duplizieren Formatdefinition verschieben Formatdefinition löschen Sichtbarkeit ändern Formatdefinitionsdetails Neues Element nach der Formatdefinition ID 98 erstellen

.mod_breadcrumb ul li a:link,
.mod_breadcrumb ul li a:visited {
    float:left;
    display:inline;
    text-decoration:none;
    color:#888;
}

Formatdefinition bearbeiten Formatdefinition duplizieren Formatdefinition verschieben Formatdefinition löschen Sichtbarkeit ändern Formatdefinitionsdetails Neues Element nach der Formatdefinition ID 99 erstellen

.mod_breadcrumb ul li a:hover,
.mod_breadcrumb ul li a:focus,
.mod_breadcrumb ul li a:active {
    float:left;
    display:inline;
    text-decoration:underline;
    color:#333;
}

Formatdefinition bearbeiten Formatdefinition duplizieren Formatdefinition verschieben Formatdefinition löschen Sichtbarkeit ändern Formatdefinitionsdetails Neues Element nach der Formatdefinition ID 156 erstellen

.mod_breadcrumb li:after {
    display:inline;
    content: " -> "
}

und macht man es richtig läuft es auch

Vielen Dank