[phpBB2] Re:Navigation/Kategoriebild bei Stylewechsel

Hi, ihr Lieben,
ich hab mich etwas umgeschaut & mit eurer Hilfe auch ein Thema gefunden, das mit meinem Problem sehr eng zusammensteht

Navigation/Kategoriebild bei Stylewechsel

Und zwar hab ich das mit dem CSS code so ausprobiert, und es funktioniert wirklich super, allerdings hab ich eine Frage und zwar zu dem Code, den Frank gepostet hatte:

Code:

/*-- Kategoriebilder Beginn --*/
/*-- Kategorie 1 --*/
.kat1
{ background-image: url("http://i43.servimg.com/u/f43/13/73/22/78/frank110.png");
  height: 44px;
  width: 380px;
}
.nav a.nav .kat1{
max-width: 380px;
}
/*-- Kategorie 2 --*/
.kat2
{ background-image: url("http://i43.servimg.com/u/f43/13/73/22/78/frank210.png");
  height: 44px;
  width: 380px;
}
.nav a.nav .kat2{
max-width: 380px;
}
/*-- Kategoriebilder Ende --*/

Kann man das auch irgendwie machen, wenn die Bilder eben NICHT die gleiche Breite aufweisen?
In dem genannten Beispiel ist ja die Breite die gleiche.
Ich habe bei mir im Forum allerdings breitere und höhere Bilder. Wenn ich jetzt diese "Einstellung" für meine Bilder übernehme, wird ja, weil das eigentliche Bild verkleinert wird, es aber empty ist das Hintergrundbild nicht mitverkleinert....

Spoiler:

daher ist das HG-Bild zwar vorhanden, allerdings abgeschnitten. Ich habe jetzt schon versucht einen div, sowie span Befehl drum herum zu legen, allerdings hat das auch nicht den gewünschten Effekt. Frage ist, gibt es eine Möglichkeit das ebenfalls über CSS zu regeln oder muss ich sämtliche Kat-Bilder verkleinern?

Hallo,

ich habe dein Problem zwar durch Nachsehen im Forum verstanden - aber bitte poste in solchen Fällen immer einen Screenshot des genauen Problems mit dazu.
Nur anhand der Beschreibung ist das Problem oft nicht deutlich erkennbar.

Offenbar sprichst du davon, dass in den Kategorien die Kategoriebilder im Pfad abgeschnitten angezeigt werden, weil du ihnen dort eine Höchstbreite-/höhe zugewiesen hast:


Du kannst das ganz einfach beheben, indem du jeweils diese Eigenschaft bei den CSS-Einträgen hinzufügst:

.nav a.nav .kat1 {
max-width: 200px;
max-height: 36px;
background-size: cover;
}

Liebe Grüße
Günther

Vielen Lieben Dank! Und Entschuldige, das nächste Mal mache ich Bilder, versprochen!
<333 habs gerade ausprobiert, klappt perfekt
Vllt wollt ihr das an das oben genannte andere Thema dranhängen, falls jemand das gleiche Problem haben sollte

Nochmal vielen Dank <33

Freut mich, gerne.

Raylan schrieb:Vllt wollt ihr das an das oben genannte andere Thema dranhängen, falls jemand das gleiche Problem haben sollte

Das ist keine schlechte Idee, ich werde aber im anderen Thread nur einen kurzen Hinweis auf diesen Thread hinzueditieren. Das ist praktischer, als die beiden Themen zusammenzuführen, was wir im Übrigen grundsätzlich auch nicht machen.
-closed-