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#
page=PAGE
page{
10 = FILE
10.file= fileadmin/template/newsletter/index.htm
#10.stylesheet=fileadmin/template/newsletter/css/style.css
10.marks.title = TEXT
10.marks.title.field = title
includeCSS{
screen= fileadmin/template/newsletter/css/style.css}
}#page
Im css sind die Bilder so eingebunden:
.top {
background-image: url(../img/header.jpg);
background-repeat: no-repeat;
width: 600px;
height: 212px;
position:absolute;
top: 0px;
left: 0px;
}
.bottom {
background-image: url(../img/footer.jpg);
background-repeat: no-repeat;
width: 600px;
height: 212px;
color: white;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 12px;
text-align: center;
}
Woran kanns liegen?
Verzweifelte Grüße,
super-DAU koko
Hallo,
eventuell kannst du mal einen Link zur Seite posten?
LG Longhan
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.
seite=PAGE
seite {
typeNum = 0
includeCSS {
file1 = fileadmin/template/newsletter/css/style.css
}
bodyTag=<body>
}
seite.10 = TEMPLATE
seite.10.template=FILE
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
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:
page.headerData }
1 = TEXT
1.value = <link type="text/css" rel="stylesheet" href="fileadmin/template/newsletter/css/style.css"
}
Dann weiß ich immer wo's steht :-)
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...