[Roger80]

Hallo zusammen

Ich durchforste nun seit einer Stunde auf der Suche nach meinem Problem, finde aber nichts.
Wie kann ich beim anlegen eines Seiteninahltes auf meine CSS Datei zugreifen.
Ich habe in meinem Main Template schon auf die CSS Datei vewiesen. Wenn ich nun aber eine Seite mit Seiteninhalt anlege, wie kann ich dann auf meine CSS Datei zugreifen?

[Roger80]

Hallo zusammen

Ich habe nun heraus gefunden, dass ich die Erweiterung CSS styled content installieren muss, um CSS zu nutzen. Ist das soweit richtig?
Was muss ich nach der Installation den Weiteres tun? Finde keine Doku zu dieser Extension...
Ich möchte irgendwie mein externes CSS nutzen...

[Roger80]

Ok, wieder einen Schritt weiter.
Meine Frage und ich hoffe die kann mir jemand beantworten (biiiitttteee)
Ich habe meinen Seitenquelltext gesehen und da ist auch der Text meines Seiteninhaltes drin. Wenn ich nun auf meinen Seiteninhalt (HTML Code) zugreifen könnte, könnte ich mein CSS setzen. Wie also kann ich auf den Seiteninhalt zugreifen?

Hier noch meine style.css Datei

/* CSS Document */

.normal
{
    color: #353535;
    background-color: White;
    font-family: sans-serif;
    font-size: 11px;
}

.title
{
    color: #353535;
    background-color: White;
    font-family: sans-serif;
    font-size: 14px;
    font-style: bold;
    font-weight: bold;
}

Mein Quelltext zeigt einfach keine DIV's bzw. Klassen an...hier mein Quelltext (Ausschnitt)

<tr>
	<td bgcolor="#FFFFFF" width="20%"><img src="fileadmin/pictures/grafik1Left.jpg" width="100%" height="360"></td>
	<td colspan="2" bgcolor="#FFFFFF" width="60%"><a name="40"></a><table border="0" cellspacing="0" cellpadding="0" class="imgtext-nowrap"><tr><td valign="top"><table width="381" border="0" cellspacing="0" cellpadding="0"  class="imgtext-table"><tr><td colspan="1"><img src="clear.gif" width="370" height="1" alt="" /></td><td rowspan="3" valign="top"><img src="clear.gif" width="10" height="1" alt="" title="" /><br /><a href="http://localhost/quickstart/quickstart/typo3/alt_doc.php?edit[tt_content][40]=edit&amp;columnsOnly=image%20%5Bimageorient%7Cimagewidth%7Cimageheight%5D%2C%20%5Bimagecols%7Cimage_noRows%7Cimageborder%5D%2C%5Bimage_link%7Cimage_zoom%5D%2C%5Bimage_compression%7Cimage_effects%7Cimage_frames%5D%2Cimagecaption%5Bimagecaption_position%5D&amp;noView=0&amp;returnUrl=%2Fquickstart%2Fquickstart%2Findex.php%3Fid%3D36"><img src="t3lib/gfx/edit_fe.gif" width="11" height="12" border="0" align="top" title="Edit images" class="frontEndEditIcons" alt="" title="" /></a></td></tr><tr><td valign="top"><table width="370" border="0" cellpadding="0" cellspacing="0"><tr><td valign="top"><img src="uploads/pics/eyeSmall.jpg" width="370" height="330" border="0" align="top" alt="" title="" /><br /></td></tr></table></td></tr><tr><td colspan="1" align="left"><a href="http://localhost/quickstart/quickstart/typo3/alt_doc.php?edit[tt_content][40]=edit&amp;columnsOnly=imagecaption%5Bimagecaption_position%5D&amp;noView=0&amp;returnUrl=%2Fquickstart%2Fquickstart%2Findex.php%3Fid%3D36"><img src="t3lib/gfx/edit_fe.gif" width="11" height="12" border="0" align="top" title="Edit image caption" class="frontEndEditIcons" alt="" title="" /></a></td></tr></table></td><td valign="top"><p style="margin:0 0 0 0;">&nbsp;</p>
<p style="margin:0 0 0 0;">Gesichtsbehandlung mit Manicure:  25.-
</p>
<p style="margin:0 0 0 0;">Gesichtsbehandlung mit Make Up:  80.-
</p>
<p style="margin:0 0 0 0;">&nbsp;</p>
<p style="margin:0 0 0 0;">&nbsp;</p>
<p style="margin:0 0 0 0;">&nbsp;<a href="http://localhost/quickstart/quickstart/typo3/alt_doc.php?edit[tt_content][40]=edit&amp;columnsOnly=bodytext%20%5Btext_align%20%7C%20text_face%20%7C%20text_size%20%7C%20text_color%5D%2C%5Btext_properties%5D%2C%20rte_enabled&amp;noView=0&amp;returnUrl=%2Fquickstart%2Fquickstart%2Findex.php%3Fid%3D36"><img src="t3lib/gfx/edit_fe.gif" width="11" height="12" border="0" align="top" title="Edit bodytext" class="frontEndEditIcons" alt="" title="" /></a></p></td></tr></table><img src="clear.gif" width="1" height="10" border="0" class="spacer-gif" alt="" title="" /><br /></td>
	<td bgcolor="#FFFFFF" width="20%"><img src="fileadmin/pictures/grafikDreiRechts.jpg" width="100%" height="360"></td>
</tr>

[Björn]

Hallo,

vllt. hilft dir das weiter:

Typoscript-Code:

1: 2: 3: 4: 5: 6: 7: 8: 9: 10: 11: 12: 13:

page = PAGE page {      # Allgemeine Seiteneigenschaften setzen bodyTag = <body> stylesheet = fileadmin/style.css      # css Style einbinden page.includeCSS { file1 = fileadmin/style.css file1.title = Standardansicht file1.media = screen } }

siehe dazu auch:
LINK


liebe Grüße
Björn

[Roger80]

Nööö...leider nichts geholfen...
Hier noch mein upgedatetes TS. Vielleicht kann mir jemand weiter helfen.
TS:

seite = PAGE
seite {
typeNum = 0
bodyTag = <body bgColor = "#FFFFFF">
stylesheet = fileadmin/css/style.css
meta.AUTHOR = Roger Böhlen
meta.DESCRIPTION = Sherins Kosmetikseite

10 = TEMPLATE
10.template = FILE 
10.template.file = fileadmin/vorlage.html
10.workOnSubpart = DOKUMENT
   10.marks {
     NAVIGATION = HMENU
     NAVIGATION.special = directory
     NAVIGATION.special.value = 31
     NAVIGATION.entryLevel = 1
     NAVIGATION.1 = GMENU
     NAVIGATION.1.NO = 1
     NAVIGATION.1.NO {
                                 XY = 200, 25
                                 10 = TEXT
                                 10.text.field = title
                                 10.fontColor = #333333
                                 10.fontFile = fileadmin/fonts/frutiger.ttf
                                 10.fontSize = 12
                                 10.niceText = 0
                                 10.offset = 15, 20
                                 
                                 20 = IMAGE
                                 20.file = GIFBUILDER
                                 20.file {
                                            XY = 200,1
                                            backColor = #999999
                                            }
                                 20.offset = 12, 24

                                 }
     NAVIGATION.1.CUR < .NAVIGATION.1.NO
     NAVIGATION.1.CUR {
                                 10.fontColor = #7B0C0C
                                 }
    NAVIGATION.2 < .NAVIGATION.1
    NAVIGATION.2 {
                           NO.10.XY = 200, 20
                           NO.10.fontSize = 10
                           NO.10.offset = 30,20
                           NO.20.offset = 20,32
                           CUR < .NO
                         }

     //Hier folgt der Inhalt
     CONTENT_CHANGE = CONTENT
     CONTENT_CHANGE < styles.content.get
     CONTENT_CHANGE.includeCSS {
                                                 file1 = fileadmin/style.css
                                                 file1.title = Standardansicht
                                                 file1.media = screen
                                                 }

     CONTENT_CHANGE {
                                table = tt_content
                                select.orderBy = sorting
                                select.where = colPos = 0
                                }

}

[Björn]

Versuch mal in der Vorlage.html den Pfad zur CSS zu ändern.
Also von css/style.css zu fileadmin/css/style.css

[Roger80]

Hallo Björn

Besten Dank für deinen Tipp. Leider habe ich die Vorlage bereits so eingebungen. Also fileadmin/css/style.css.
Wie bindet Ihr eigentlich Euer CSS ein? Vielleicht habe ich ja irgend etwas falsch gemacht???