MyBB.de Forum

(23.11.2024, 19:29)Gerti schrieb: [ -> ]

(23.11.2024, 18:15)KlausKloeser schrieb: [ -> ]#logo ul.top_links a.impressum {
background-image: url(images/impr.png) center left no-repeat;}

Der Fehler liegt in der Art und Weise, wie der Op die Grafik angegeben ist.
Der Wert für background-image sollte nur die URL der Bilddatei enthalten.
Die Position und das Wiederholungsverhalten des Hintergrunds sollte mit eigenen Eigenschaften gesetzt werden.
Wird "background-image" verwendet dann wie folgt::

Code:

#logo ul.top_links a.impressum {
    background-image: url(images/impr.png);
    background-position: center left;
    background-repeat: no-repeat;
}

Ob noch weitere Fehler im HTML-Teil gegeben sind kann nicht beurteilt werden, weil Du keine URL zum Forum angegeben hast.
(Immer die Geheimnistuerei, aber Hilfe wollen. Mit einer URL-Angabe hätte man sofort umfassend und somit leichter helfen können.)

So, den Code Teil habe ich genau so eingefügt mit dem Ergebnis, das jetzt gar kein icon mehr zu sehen ist.
Der Geheimnistuerei sei dann auch ein Ende gestzt, wenn es nicht genügt, das ich oben schon die ganze global.css eingefügt hatte:

https://sprinta.org/
und dann nochmal ein Auszug aus der aktuellen global.css:
#header ul.menu li a {
padding-left: 20px;
background-image: url(images/headerlinks_sprite.png);
background-repeat: no-repeat;
display: inline-block;
line-height: 16px;
}

#logo ul.top_links {
font-weight: bold;
text-align: right;
margin: -10px 5px 0 0;
}

#logo ul.top_links a.search {
background-position: 0 0;
}

#logo ul.top_links a.memberlist {
background-position: 0 -20px;
}

#logo ul.top_links a.calendar {
background-position: 0 -40px;
}

#logo ul.top_links a.help {
background-position: 0 -60px;
}

#logo ul.top_links a.impressum {
    background-image: url(images/impr.png);
    background-position: center left;
    background-repeat: no-repeat;
}

#logo ul.top_links a.portal {
background-position: 0 -180px;
}

(25.11.2024, 20:35)KlausKloeser schrieb: [ -> ][quote pid="257258" dateline="1732386587"]
So, den Code Teil habe ich genau so eingefügt mit dem Ergebnis, das jetzt gar kein icon mehr zu sehen ist.
Der Geheimnistuerei sei dann auch ein Ende gestzt, wenn es nicht genügt, das ich oben schon die ganze global.css eingefügt hatte:


#logo ul.top_links a.impressum {
    background-image: url(images/impr.png);
    background-position: center left;
    background-repeat: no-repeat;
}

(25.11.2024, 21:02)Schnapsnase schrieb: [ -> ]

(25.11.2024, 20:35)KlausKloeser schrieb: [ -> ][quote pid="257258" dateline="1732386587"]
So, den Code Teil habe ich genau so eingefügt mit dem Ergebnis, das jetzt gar kein icon mehr zu sehen ist.
Der Geheimnistuerei sei dann auch ein Ende gestzt, wenn es nicht genügt, das ich oben schon die ganze global.css eingefügt hatte:


#logo ul.top_links a.impressum {
    background-image: url(images/impr.png);
    background-position: center left;
    background-repeat: no-repeat;
}

Diese url von Gerti war ein Beispiel.
Du musst hier den tatsächlichen Pfad zu deiner Bilddatei eingeben.
Deine Datei heißt doch sicher nicht "impr.png" und in welchem Verzeichnis hast du sie denn angespeichert?



Doch die Datei heisst genau so. Gespeichert ist sie zweimal identisch in /images und in /images/icons

Ich habe die Datei mal angehängt.