Seite 1 von 1

[3.2] Seitenlogo soll mittig im Container stehen

Verfasst: 07.05.2019 20:21
von goodn8
Moin zusammen,
ich habe schon lange nichts mehr mit einem Forum gemacht.
In den letzten Jahren hat sich viel geändert und ich stehe schon bei den simpelsten Aufgaben vor einem Rätsel.

ich wollte gerne das Forenlogo ändern, also habe ich die site_logo.gif ersetzt und die in der common.css versucht das Logo mittig zu platzieren.

Code: Alles auswählen

.site_logo {
	display: inline-block;
	width: 1150px;
	height: 200px;
    border-radius: 0px;
    background-repeat: no-repeat;
    align-items: center;
}


mit
margin-left: auto;
margin-right: auto;

habe ich es auch versucht.

Wie ihr euch schon denken könnt hat es nicht funktioniert sonst wäre dieser Post ja nicht entstanden.

Vill. fällt ja Jemanden direkt auf was ich falsch gemacht habe, Schönen Dank schonmal im Voraus =)

Re: [3.2] Seitenlogo soll mittig im Container stehen

Verfasst: 07.05.2019 21:10
von chris1278
Versuche es mal hier mite dieser Extension.

http://reyno41.bplaced.net/phpbb/viewto ... f=41&t=217

Re: [3.2] Seitenlogo soll mittig im Container stehen

Verfasst: 07.05.2019 21:37
von goodn8
Das wäre optisch zwar genau das was ich haben wollen würde, allerdings würde ich aus Ehrgeiz und Interesse schon ganz gerne wissen wie ich es ohne solche „Hilfen“ hin bekommen könnte. An das Problem mit der Searchbox werde ich auch noch kommen und wenn man weiß wie man mit solchen Problemen umgehen kann hilft es einem vielleicht auch woanders weiter.
Trotzdem schonmal vielen Dank!

Re: [3.2] Seitenlogo soll mittig im Container stehen

Verfasst: 08.05.2019 06:27
von IMC
Moin,

vielleicht ist das der Ansatz den Du suchst.
So sollte das Logo im mittig als Hintergrund erscheinen.

Code: Alles auswählen

.headerbar .inner {
  background-image: url('sitelogo.png');
  background-repeat: no-repeat;
  background-position: center center;
}	

Re: [3.2] Seitenlogo soll mittig im Container stehen

Verfasst: 08.05.2019 08:18
von goodn8
Top,

Das war es was ich gesucht habe!
Ich habe das ganze jetzt zwar bei .site_logo eingefügt aber passt =)

Code: Alles auswählen

.site_logo {
	display: flex;
    width: 1150px;
    /*width:100%;*/
	height: 200px;
    border-radius: 0px;
    background-repeat: no-repeat;
    background-position: center center;
Vielen dank =)