Berkwerk BBCode Headline

  • Habe den BBCode installiert aber hatte schon ein kleines Problem mit der Schriftgröße vom Titel.

    Dieses konnte ich aber mit dieser CSS Deklaration beheben.

    CSS
    /* BBCODE - Headline Schriftgröße */
    h4.headlineBBCode {
      background-repeat:no-repeat;
      font-size: 24px !important; 
    }

    Meine Frage ist es, wie kann ich eine GRAFIK davor setzen?

    ich hatte hatte folgendes gemacht

    CSS
    /* BBCODE - Headline Schriftgröße */
    h4.headlineBBCode {
      background-image: url("http://www.hkeserver.de/._./apple_wcf/icon/telegrafico/indexS.png");
      background-repeat:no-repeat;
      font-size: 24px !important; 
    }

    ...nur sieht das so jetzt so aus (siehe Bildanhang)
    Jemand eine Idee?

  • Einfach noch ein wenig optimieren:

    CSS
    /* BBCODE - Headline Schriftgröße */
    h4.headlineBBCode {
      background-image: url("http://www.hkeserver.de/._./apple_wcf/icon/telegrafico/indexS.png");
      background-repeat:no-repeat;
      background-position: left 5px;
      padding-left: 22px;
      font-size: 24px !important; 
    }

    Werte können natürlich variieren. :)

  • ich habe das jetzt gemacht !

    CSS
    /* BBCODE - Headline Schriftgröße */
      h4.headlineBBCode {
      background-image: url("http://www.hkeserver.de/._./apple_wcf/icon/telegrafico/indexS.png");
      background-repeat:no-repeat;
      background-position: left 15px;
      padding-left: 50px;
      font-size: 24px !important; 
    }

    Nun ist die Grafik genau hinter dem Titel.
    Ist das richtig wenn ich den "background.positon" Wert verändere das die Grafik hoch und runter wandert?

    Bei dem "padding-left" Wert passiert nichts.
    Liegt das daran das die CSS-Deklaration nur für den Text bestimmt ist und keine Grafik?

  • :whistling: