Überschrift mit unterlegter 2-geteilter Grafik???

  • anklein1 anklein1
    T3PO
    0 x
    22 Beiträge
    0 Hilfreiche Beiträge
    23. 05. 2008, 14:35

    Hallo alle zusammen!!

    Ich will Überschriften mit Grafiken unterlegen und arbeite mit eigenen CSS. Die Überschriften sind je nach Inhalt unterschiedlich breit und deshalb habe ich einen linken und einen rechten teil der Grafik. Wie stelle ich es beim Einfügen des Inhaltes an dass auch noch <span> davor steht???
    Hier der Teil der CSS

    [HTML]h2{
    font:1em/1em Arial, Verdana,sans-serif;
    margin:1em 0em 1em 0em;
    padding:0;
    height:auto;
    background:url(../fileadmin/images/h2-right.gif) top right no-repeat;
    }

    h2 span{
    font-weight:bold;
    color:#fff;
    padding:6px 8px 4px 8px;
    display:block;
    background:url(../fileadmin/images/h2-left.gif) top left no-repeat;
    }

    h2 span a{
    font-weight:normal;
    }
    [/HTML]

    Beim Betrachten des generierten Quellcodes in der Ansicht steht dann
    [HTML]<div class="csc-header csc-header-n1"><h2 class="csc-firstHeader">1. Geltungsbereich</h2></div>
    [/HTML]

    dort stehen soll aber:
    [HTML]<h2><span>1. Geltungsbereich</span></h2>
    [/HTML]

    Weis jemand wie das Problem zu lösen ist???

    Vielen Dank für eure Antwort!

    Liebe Grüße
    Andreas


  • 1
  • robhuhn robhuhn
    T3PO
    0 x
    19 Beiträge
    0 Hilfreiche Beiträge
    13. 07. 2008, 19:54

    Würde es nicht auch gehen, wenn es eine Grafik ist, die immer wiederholt wird und rechts halt ein bisschen rausschaut?
    [HTML]h2{
    font:1em/1em Arial, Verdana,sans-serif;
    margin:1em 0em 1em 0em;
    padding:0;
    height:auto;
    background:url(../fileadmin/images/h2-ganz.gif) top left repeat-x;
    padding-right: /*Breite von dem Zipfel, der rechts rausschauen soll*/
    }
    [/HTML]
    So hätte ich das gemacht...
    Grüße
    robhuhn

  • trunbwn trunbwn
    T3PO
    0 x
    17 Beiträge
    0 Hilfreiche Beiträge
    16. 03. 2010, 14:23

    Hi,
    benutz doch die von typo generierten klassen dazu..

    csc-header oder csc-header-n1

    tru

  • starfighter starfight...
    Jar Jar Binks
    0 x
    1 Beiträge
    0 Hilfreiche Beiträge
    17. 08. 2010, 18:44

    :)

    [url=http://www.akquiseblog.com/neukunden-gewinnung]neukunden gewinnung[/url]
    [url=http://www.akquiseblog.com/ausendienst-schulen-2]außendienst schulen[/url]
    [url=http://www.akquiseblog.com/vertriebsberatung]vertriebsberatung[/url]
    [url=http://www.akquiseblog.com/neukundengewinnung]neukundengewinnung[/url]
    [url=http://www.akquiseblog.com/neukundenakquise]neukundenakquise[/url]
    [url=http://www.akquiseblog.com/neukundenaquise]neukundenaquise[/url]
    [url=http://www.akquiseblog.com/neukunden-akquise]neukunden akquise[/url]
    [url=http://www.akquiseblog.com/neukunden-aquise]neukunden aquise[/url]
    [url=http://www.akquiseblog.com/aquise]aquise[/url]
    [url=http://www.akquiseblog.com/akquise]akquise[/url]
    [url=http://www.akquiseblog.com/akquirieren]akquirieren[/url]
    [url=http://www.akquiseblog.com/aquirieren]aquirieren[/url]
    [url=http://www.akquiseblog.com/ausendienstmitarbeiter-schulen]außendienstmitarbeiter schulen[/url]
    [url=http://www.akquiseblog.com/kundenakquise]kundenakquise[/url]
    [url=http://www.akquiseblog.com/kundenaquise]kundenaquise[/url]
    [url=http://www.akquiseblog.com/jobs-im-vertrieb]jobs im vertrieb[/url]
    [url=http://www.akquiseblog.com/ausendienstjobs]außendienstjobs[/url]
    [url=http://www.akquiseblog.com/verkaufer-außendienst]verkäufer außendienst[/url]
    [url=http://www.akquiseblog.com/ausendienst-vertrieb]außendienst vertrieb[/url]
    [url=http://www.akquiseblog.com/versicherungsfachmann-im-ausendienst]versicherungsfachmann im außendienst[/url]
    [url=http://www.akquiseblog.com/versicherungskaufmann-im-ausendienst]versicherungskaufmann im außendienst[/url]
    [url=http://www.akquiseblog.com/versicherungsverkaufer-im-ausendienst]versicherungsverkaufer im außendienst[/url]
    [url=http://www.akquiseblog.com/vertriebskonzepte]vertriebskonzepte[/url]
    [url=http://www.akquiseblog.com/vertriebskonzept]vertriebskonzept[/url]
    [url=http://www.akquiseblog.com/telefonaquise]telefonaquise[/url]
    [url=http://www.akquiseblog.com/telefonakquise]telefonakquise[/url]
    [url=http://www.akquiseblog.com/mlm-strukturvertrieb]mlm strukturvertrieb[/url]
    [url=http://www.akquiseblog.com/finanzdienstleister-im-ausendienst]finanzdienstleister im außendienst[/url]
    [url=http://www.akquiseblog.com/versicherungsvertreterim-ausendienst]versicherungsvertreter im außendienst[/url]
    [url=http://www.akquiseblog.com/vertriebskanale]vertriebskanäle[/url]
    [url=http://www.akquiseblog.com/vertriebsjobs-im-ausendienst]vertriebsjobs im außendienst[/url]
    [url=http://www.akquiseblog.com/terminierung]terminierung[/url]
    [url=http://www.akquiseblog.com/telefonakquise]telefonakquise[/url]
    [url=http://www.akquiseblog.com/neukunden]neukunden[/url]
    [url=http://www.akquiseblog.com/job-im-ausendienst]job im außendienst[/url]
    [url=http://www.akquiseblog.com/direktvertrieb]direktvertrieb[/url]
    [url=http://www.akquiseblog.com/akquisition]akquisition[/url]
    [url=http://www.akquiseblog.com/ausendienst vertrieb]außendienst vertrieb[/url]
    [url=http://www.akquiseblog.com/ausendienst-verkaufer]außendienst verkäufer[/url]
    [url=http://www.akquiseblog.com/ausendienstjobs]ausendienstjobs[/url]
    [url=http://www.akquiseblog.com/kunden-aquise]kunden aquise[/url]
    [url=http://www.akquiseblog.com/kunden-akquise]kunden akquise[/url]
    [url=http://www.akquiseblog.com/neukundenaquisition]neukundenaquisition[/url]
    [url=http://www.akquiseblog.com/neukundenakquisition]neukundenakquisition[/url]
    [url=http://www.akquiseblog.com/terminvereinbarung]terminvereinbarung[/url]
    [url=http://www.akquiseblog.com/vertriebswege]vertriebswege[/url]
    [url=http://www.akquiseblog.com/vertriebskanal]vertriebskanal[/url]
    [url=http://www.akquiseblog.com/kaltaquise]kaltaquise[/url]
    [url=http://www.akquiseblog.com/kaltakquise]kaltakquise[/url]

  • 1