Hintergrundbilder aus css werden nicht angezeigt

  • 0 x
    24 Beiträge
    0 Hilfreiche Beiträge
    01. 09. 2011, 11:54

    Hallo!

    Ich erstelle gerade mein erstes eigenes Template für eine Seite, die oben in einer div ein Hintergrundbild hat, an der linken Seite und unten im footer auch.
    Solange ich die Bilder im HTML als normale Bilder eingefügt habe, funktioniert mein Template auch prima. Aber sobald die Bilder dann per css als Hintergrundbild eingebunden werden, werden sie nicht mehr angezeigt. Wobei mir gerade auffällt, dass die Schrift auch noch nicht nach dem css formatiert ist.... also scheint die Einbindung des CSS gar nicht erst geklappt zu haben?

    Hier mal der äußerst umfangreiche Code meines Templates #giggle#

    1. page=PAGE
    2.  
    3. page{
    4.  
    5. 10 = FILE
    6. 10.file= fileadmin/template/newsletter/index.htm
    7. #10.stylesheet=fileadmin/template/newsletter/css/style.css
    8. 10.marks.title = TEXT
    9. 10.marks.title.field = title
    10. includeCSS{
    11. screen= fileadmin/template/newsletter/css/style.css}
    12.  
    13. }#page

    Im css sind die Bilder so eingebunden:

    1. .top {
    2. background-image: url(../img/header.jpg);
    3. background-repeat: no-repeat;
    4. width: 600px;
    5. height: 212px;
    6. position:absolute;
    7. top: 0px;
    8. left: 0px;
    9. }
    10.  
    11. .bottom {
    12. background-image: url(../img/footer.jpg);
    13. background-repeat: no-repeat;
    14. width: 600px;
    15. height: 212px;
    16. color: white;
    17. font-family: Arial, Helvetica, sans-serif;
    18. font-style: normal;
    19. font-size: 12px;
    20. text-align: center;
    21. }

    Woran kanns liegen?

    Verzweifelte Grüße,

    super-DAU koko


  • 1
  • longhan longhan
    T3PO
    0 x
    11 Beiträge
    0 Hilfreiche Beiträge
    01. 09. 2011, 13:33

    Hallo,

    eventuell kannst du mal einen Link zur Seite posten?

    LG Longhan

  • 0 x
    24 Beiträge
    0 Hilfreiche Beiträge
    01. 09. 2011, 14:11

    Hallo!

    Einen Link zur Seite kann ich leider nicht posten, da es sich um ein Template für einen Newsletter handelt :-(

    Ich habe jetzt aber nochmal in meinem TS Änderungen gemacht und bekomme wenigstens jetzt die Schrift korrekt nach css formatiert angezeigt.

    1. seite=PAGE
    2. seite {
    3. typeNum = 0
    4. includeCSS {
    5. file1 = fileadmin/template/newsletter/css/style.css
    6. }
    7. bodyTag=<body>
    8. }
    9.  
    10. seite.10 = TEMPLATE
    11. seite.10.template=FILE
    12. seite.10.template.file=fileadmin/template/newsletter/index.htm

    Nur die Grafiken sind immer noch nicht vorhanden :-(

    Wie schaffe ich es, dass die Grafiken aus dem css angezeigt werden?

    Viele Grüße,
    koko

  • Chrissli Chrissli
    Jedi-General
    0 x
    1016 Beiträge
    28 Hilfreiche Beiträge
    01. 09. 2011, 22:57

    Hallo koko,

    wenn deine CSS-Formatierung funktionert und nur die Bilder nicht gefunden
    werden ( Ich kann in solchen Fällen die Firefox-Extension "Firebug" zum debuggen empfehlen )
    würde ich behaupten du hast deine Pfade falsch angegeben.

    Wenn du Bilder in CSS mit relative Pfaden referenzierst, sind diese Angaben immer
    relativ zur CSS-Datei.

    Du müsstest demnach einen Ordner
    fileadmin/template/newsletter/img/
    haben, in dem sich die Bilder zu deinen Bildern befinden?

    ODER:
    Ich verwende includeCSS nicht, schau mal im Quellcode der Seite was als Pfad zu CSS-Datei angegeben ist, vielleicht
    generiert Typo3 eine temporäre Datei aus deinem CSS, die Bilder müssten dann relativ zu dieser Datei stehen

    Als alternative:
    ich verwende headerData um Skripte und CSS zu refenzieren:

    1. page.headerData }
    2. 1 = TEXT
    3. 1.value = <link type="text/css" rel="stylesheet" href="fileadmin/template/newsletter/css/style.css"
    4. }

    Dann weiß ich immer wo's steht :-)

    God's in his heaven, all's right with the world

  • 0 x
    24 Beiträge
    0 Hilfreiche Beiträge
    05. 09. 2011, 11:38

    Hallo Chrissli!

    Danke für Deine Antwort, habe sie erst jetzt gesehen, habe wohl vergessen die email-Benachrichtigung einzustellen #paralyzed#

    Ich werde das mal checken, obwohl ich eigentlich bereits so einige Versionen der Pfadangaben durch habe, aber vielleicht klappts dann ja doch noch...

  • 1