[WP.org] CSS fehlerhaft für gepunktete Linie neben Headline?

  • Avatar von Unbekannt
    artviaina · Mitglied ·

    Hallo,

    ich möchte gerne dieses Styling einer Headline mit gepunkteter Linie, die rechts neben dem Text anschließt. Die Linie ist aus einem .png erstellt:

    Screenshot:

    Diesen Code hab ich in einer Seite:

    <div class="subtitle">
<h3 class="subtitle">This is a test subtitle</h3>
</div>

    und das sind die dazugehörigen CSS:

    .subtitle {
    margin-bottom: 25px;
    position: relative;
}
.subtitle h3 {
    font-size: 14px;
    padding-right: 15px;
}
.subtitle:before {
    background: url("http://blabla.de/testseite/wp-content/uploads/sites/5/2013/04/divider10.png") repeat-x scroll center center transparent;
    content: "";
    height: 7px;
    margin-top: -3px;
    position: absolute;
    top: 50%;
    width: 100%;
}

    Ergebnis / Screenshot:

    Live:
    http://playground.viaina.de/testpage/

    Irgendwas muss jedoch mit meinem „:before“ Code falsch sein … was kann ich tun, damit die gepunktete Linie nicht hinter den jeweiligen Text geht, sondern rechts davon anschließt?

    Danke.

    [Titel ergänzt – Martin(IQ)]

  • Avatar von Unbekannt
    supportbot · Mitglied ·

    Du hast keine Blogadresse oder einen Grund für deinen Eintrag angegeben, als du dieses Thema eröffnet hast.

    Dieses Support-Forum ist für Blogs gedacht, die unter WordPress.com gehostet sind. Wenn du deinen WordPress-Blog auf einem eigenen Server gehostet hast, suche bitte Hilfe im deutschen WordPress.org-Forum.

    Wenn du den Unterschied nicht kennst, könnte diese Information hilfreich sein.

    Wenn du den Link zu deinem Blog nur vergessen hast, kannst du einfach auf diesen Beitrag antworten und diese Information nachreichen. Es wird den anderen Leuten helfen, deine Frage zu beantworten.

    Dies ist eine automatisch generierte Nachricht.

  • Das Thema ‘[WP.org] CSS fehlerhaft für gepunktete Linie neben Headline?’ ist für neue Antworten geschlossen.