Probleme mit CSS

Rebelhig · #1 02.03.07, 19:43

Hallo,
ich habe für mein Projekt eine eigende CSS-Datei angelegt und in Typo3 auch eingebunden. Jedoch legt Typo3 noch zusätzlich zu meiner eine andere CSS-Datei an und setzt auch innerhalb meines Layouts eigende Stile.

Die erste CSS ist von Typo3, die zweite on mir - so sieht es aus:

Typoscript-Code:

1:
2:

Wie kann ich die on Typo3 generierte CSS wegbekommen?

Innerhalb meines Contentbereichs sieht das ganze dann so aus:

HTML-Code:

<div id="content"> <!--  CONTENT ELEMENT, uid:1/image [begin] --> <a id="c1"></a><!--  Image block: [begin] --> <div class="csc-textpic csc-textpic-center csc-textpic-above"> <div class="csc-textpic-imagewrap" style="width:600px;"> <dl class="csc-textpic-image csc-textpic-lastcol" style="width:600px;"> <dt> <img src="uploads/pics/DSC00055.jpg" width="600" height="156" border="0" alt="" /> </dt> <dd class="csc-textpic-caption"></dd></dl></div></div> <div class="csc-textpic-clear"><!-- --></div> <!--  Image block: [end] --> <!--  CONTENT ELEMENT, uid:1/image [end] --> <!--  CONTENT ELEMENT, uid:2/text [begin] --> <a id="c2"></a><!--  Header: [begin] --> <div class="csc-header csc-header-n2"><h1>Leistungen</h1></div> <!--  Header: [end] --><!--  Text: [begin] --> <p class="bodytext">Lorem ipsum dolor s...
...

Hier werden für alle Objekte (Bilder, Überschriften Absätze...) noch Klassen mit hinzugefügt. Das möchte ich eigentlich nicht haben - das ganze wirkt sich so aus, dass mein definierter margin von 0 z. B. wieder hinfällig geworden ist und hier doch wieder Abstände hinzugefügt wurden sind.

Könnt Ihr mir hier weiterhelfen?

Hier mein TS:

Typoscript-Code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:

# Autoparser konfigurieren
plugin.tx_automaketemplate_pi1{
  # Lese das Template
content = FILE
content.file = fileadmin/Toeko/index.html

  # Definition der Elemente
elements{
BODY.all = 1
BODY.all.subpartMarker = DOCUMENT_BODY
HEAD.all = 1
HEAD.all.subpartMarker = DOCUMENT_HEADER
HEAD.rmTagSections = title
DIV.all = 1
}
  # Präfix für relative Pfade
relPathPrefix = fileadmin/Toeko/
}

# Menue Links erstellen
temp.navigation = HMENU
# 1. Ebene
temp.navigation.1 = TMENU
temp.navigation.1 {
NO.allWrap = <div class="l1_no"> | </div>
ACT = 1
ACT.allWrap = <div class="l1_act"> | </div>
}
# Second level menu-object, textual
temp.navigation.2 = TMENU
temp.navigation.2 {
    # Normal state properties
NO.allWrap = <div class="l2_no"> | </div>
    # Enable active state and set properties:
ACT = 1
ACT.allWrap = <div class="l2_act"> | </div>
}

# Main Template cObject für den BODY
temp.mainTemplate = TEMPLATE
temp.mainTemplate {
template =< plugin.tx_automaketemplate_pi1
  # Auswahl des content innerhalb BODY
workOnSubpart = DOCUMENT_BODY
  # Menue 1
subparts.navigation<temp.navigation
subparts.content< styles.content.get
}

# Main Template cObject für den HEAD
temp.headTemplate = Template
temp.headTemplate {
template =< plugin.tx_automaketemplate_pi1
workOnSubpart = DOCUMENT_HEADER
}

# Default Seite
page = PAGE
page.includeCSS {
file1 = fileadmin/Toeko/res/res.css
}
page.typeNum = 0
page.10 < temp.mainTemplate
page.headerData.10 < temp.headTemplate

mfg

Reiner

gigasol · #2 02.03.07, 19:58

Ins Setup der Rootseite:

Code:

config.inlineStyle2TempFile = 0

Auf 0 gesetzt, dann gibt Typo3 den Inhalt der css im Header direkt aus. Du musst dann die Angaben wieder ausschalten im Setup.

Also erst mal auf null schalten und dann im Quelltext nachschauen welche Extension die Anweisungen ausgibt und dann im Setup ausschalten.

So in etwa:

Code:

plugin.tx_indexedsearch._CSS_DEFAULT_STYLE >

Danach kann man die Zeile config.inlineStyle2TempFile = 0 wieder entfernen.

Rebelhig · #3 02.03.07, 21:17

Danke für die schnelle Antwort. Den ersten Teil habe ich gemacht und in dem Quelltext steht jetzt folgendes:

HTML-Code:

<style type="text/css">
		/*<![CDATA[*/
	<!--
	/* default styles for extension "tx_cssstyledcontent" */
	/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

	/* Needed for noRows setting */
	DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

	/* Border just around the image */
	DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
		border: 2px solid black;
		padding: 0px 0px;
	}
...

Zitat:

Mit dem zweiten Teil Deiner Antwort komme ich nicht klar. Wo kann ich diesen Style abschalten?

So in etwa:

Code:

plugin.tx_indexedsearch._CSS_DEFAULT_STYLE >

Danach kann man die Zeile config.inlineStyle2TempFile = 0 wieder entfernen.

Danke.

Reiner

gigasol · #4 02.03.07, 22:08

ganz einfach, ins Setup deiner Rootseite folgendes Schreiben:

Code:

plugin.tx_cssstyledcontent._CSS_DEFAULT_STYLE >

Anschließend die Zeile config.inlineStyle2TempFile = 0 wieder entfernen.

Wenn du weitere CSS Anweisungen von Extensionen im Quelltext findest, lassen sich diese genauso ausschalten:

Code:

plugin.NAME DER EXTENSION._CSS_DEFAULT_STYLE >

dersven · #5 29.03.07, 16:15

hej-hallo.

ich habe den ähnlichen wunsch die klassen aus dem quelltext zubekommen.
Also die

plugin.tx_cssstyledcontent._CSS_DEFAULT_STYLE >

ist aus..
nur stehen ja noch zum beispiel bei dem Contentelement Textmit Bild folgende klassen:

Code:

<!--  CONTENT ELEMENT, uid:186/textpic [begin] -->

     <a id="c186"></a>

<!--  Image block: [begin] -->
	 <div class="csc-textpic csc-textpic-intext-left">
        <div class="csc-textpic-imagewrap">
        <dl class="csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol" style="width:65px;">
             <dt>
                     <img src="bild.gif" width="65" height="35" border="0" alt="" />
            </dt>
            <dd class="csc-textpic-caption">
            </dd>
         </dl>
       </div>
<div class="csc-textpic-text">
<!--  Text: [begin] -->
<p>
</p>
<!--  Text: [end] -->

</div></div>
		
<!--  Image block: [end] -->
<!--  CONTENT ELEMENT, uid:186/textpic [end] -->

Den Anker und die Kommentare stören mich nicht weiter..
aber die csc- selektoren möchte ich gerne weg haben. wo kann ich die eleminieren?

**david** · #6 01.04.07, 14:20

Zitat:

Zitat von dersven

... aber die csc- selektoren möchte ich gerne weg haben. wo kann ich die eleminieren?

Was meinst Du mit "csc- selektoren"?

dersven · #7 01.04.07, 21:20

Zitat:

Zitat von david

Was meinst Du mit "csc- selektoren"?

HTML-Code:

<div class="csc-textpic csc-textpic-intext-left">

die zum beispiel. die haben ja durch das überschreiben bei mir im setup keine wirkung mehr. und ich möchte gerne die contentelemente text mit bild umformatieren.

wo stehen denn diese vorgaben?

**david** · #8 02.04.07, 16:12

Teilweise kann man so was über den Constant-Editor erledigen, dort werden bei manchen Erweiterungen die umgebenden Bereiche für bestimmte Abschnitte definiert. Wenn das nicht weiterhilft, kann man sich die Variablen aus dem TypoScript-Object-Browser raussuchen und die entsprechenden Bereiche eventuell bearbeiten.
Bei manchen Erweiterungen sind die CSS-Klassen bzw. die HTML-Tags auch hardcodiert im PHP-Code, da ist es recht schwierig bis unmöglich per TS etwas zu ändern.

musikkuss · #9 25.05.07, 14:49

genau diese csc- CSS-Zusätze möchte ich auch deaktivieren!
wie geht das?
hat das mittlerweile jemand herausgefunden?

gigasol · #10 28.05.07, 12:15

HTML-Code:

<div class="csc-textpic csc-textpic-intext-left">

Diese Stylesheetanweisungen bekommst du wenn die Ext. CSS styled content aktiviert ist. Die Anweisungen bzw. das Typoscript dazu findet man im EM -> CSS styled content -> static/setup.txt.

Themen-Optionen	Thema durchsuchen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen	Thema durchsuchen: Erweiterte Suche
Ansicht	Thema bewerten
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln	Thema bewerten:

Suche

Userpanel