Zum Inhalt springen

margin. 0 0 0 0 und Content links an den Rand geklatscht ;(

Erstellt am 13. August 2004 · 17 Antworten · letzte Antwort am 22. Juni 2005

Tags: HTML & CSS, Frage

elementb ·

Hallo Leute,

ich verwende ein externes Template und stylesheet, kappt auch alles. nur fügt mir typo3 in die content -<p>s über all margin: 0 0 0 0 ein, weshalb der Content links an den Rand geklatscht ist... ;(

ich habe es aber mit je 5px im stylesheet und im constants definiert:

content {
wrap.header1 = <div class="NewsHeader" style="margin:5 5 5 5;"><b> | </b></div>
wrap.bodytext = <p class="NewsTextJustify" style="margin:5 5 5 5;"> |</p><p align="center" class="NewsTextJustify" style="margin:5 5 5 5;"><img src="fileadmin/template/main/images/punkte.gif" width="85" height="3"></p>
headerSpace =
space =
}
kann mir jemand sagen, was es sein könnte?

Danke schonmal!

mguenther ·

Habe das gleiche Problem und bisher noch keine Lösung gefunden. Wäre super wenn jemand weiterhelfen könnte.

mfg, Martin

zoe ·

probiert es doch mal in eurem stylesheet mit

P {
font-family : Verdana, sans-serif;
font-size : 12px;
color: #000000;
padding-left : 5px;
padding-right : 5px;
padding-bottom : 5px;
padding-top : 5px;
}

TROMMELWIRBEL

und siehe da.... 😉
...css rulez 8-)

zoe

doku ·

und noch ein kurzer TUSCH! 😉

P { 
font-family:Verdana, sans-serif; 
font-size:12px; 
color:#000; 
padding:5px;
}
zoe ·

das ist mir schon klar. 😉
aber wieso macht ihr es euch soo schwer, wenn ihr nur die abstände ändern wollt??

es gibt ja 2 möglichkeiten, entweder...
....margin (fällt ja in diesem fall wech), oder
....padding

ich hab da nicht lange überlegt.
hat auch den vorteil, dass man die <p> container mit ner hintergrundfarbe versehen kann, ohne dass nach jedem absatz ne lücke entsteht.

ich finde hiermit erreicht man auch den gewünschten effekt, ohne sich lange rumzumachen.... 😉

@doku: 😃

Aviator ·

Das hier im Setup sollte helfen:

tt_content.text.20.parseFunc.nonTypoTagStdWrap.encapsLines.addAttributes {
  P.style =
}
Andreas B.​ ·

Ich kriege das auch damit nicht weg. In den News (LIST) knallt Typo3 immer diese blöden Margins rein. Ich habe es auch erfolglos mit tt_news.text.20.parseFunc.nonTypoTagStdWrap.encapsLines.addAttributes.P.style =
probiert.

Hat keiner bitte einen Rat? Ich kriege sonst meine Website nicht xhtml-valide. :-(

Andreas B.​ ·

Ich habe immer noch keine funktionierende Lösung gefunden. Momentan macht tt_news noch immer diese blöden <p>-Tags rein. In meiner Datenbank sind die nicht drin und auch die Einstellungen vom RTE haben im TS der Hauptseite auch nichts gebracht.

Tidy und XHTML-Cleaning ist auch an.

Was kann ich noch machen, damit ich die "blösen" <p>-Tags rauskriege?

Momentan sieht es bei mir im Frontend so aus:

<tr>
				<td bgcolor="#A39EE0" valign="top">
				<font face="verdana" size="1" color="black"> Mittwoch, 13. Oktober 2004 10:33 <br />
				<a href="199.html?&amp;tx_ttnews[tt_news]=6&amp;tx_ttnews[backPid]=195&amp;cHash=7eeecbb8f7" target="_self"><strong>Neues Design der Website</strong></a><br />
				<a href="199.html?&amp;tx_ttnews[tt_news]=6&amp;tx_ttnews[backPid]=195&amp;cHash=7eeecbb8f7" target="_self"></a>
				<b><p>Das CMS-Template wurde komplett neu, mit einem Tabellen- und Frame-losen Design erstellt. Wir bitten...</p></b>
				<a href="199.html?&amp;tx_ttnews[tt_news]=6&amp;tx_ttnews[backPid]=195&amp;cHash=7eeecbb8f7" target="_self">[mehr]</a><br />
				  </font><br />
				</td>
			</tr>
		
			<tr>

Das

<b><p> News ....... </p></b>

ist etwas dumm . . . .

Wie kriege ich also die blöden <p>-Tags weg?
Danke

LineMan ·
plugin.tt_news.general_stdWrap.parseFunc.nonTypoTagStdWrap.encapsLines.addAttributes { 
  P.style = 
}

Das ganze in das Setup Feld schreiben und weg sind sie...

Andreas B.​ ·

Danke, LineMan, leider nützt das auch nichts. Ich habe so viele Parameter schon probiert, bisher ohne Erfolg:

Bisher habe ich folgende Einstellungen erfolglos ausprobiert (Caches habe ich natürlich jedesmal geleert):

Constants:

# Verhindern, daß der RTE Styles reindichtet
content.RTE_compliant = 1 

# Damit auch im news+ mit RTE die Margins rausgehen 
content.RTE_compliant.mode = stylesheets 
content.RTE_compliant = 1 

# Damit auch im news+ mit RTE die Margins rausgehen 
content.RTE_compliant.mode = stylesheets 

#remove css attributes for p- and pre-tags 
tt_content.text.20.parseFunc.nonTypoTagStdWrap.encapsLines.addAttributes { 
  P.style= 
  PRE.style=; 
} 

tt_news.text.20.parseFunc.nonTypoTagStdWrap.encapsLines.addAttributes { 
  P.style = 
}

Setup:

#remove css attributes for p- and pre-tags 
tt_content.text.20.parseFunc.nonTypoTagStdWrap.encapsLines.addAttributes { 
  P.style= 
  PRE.style=; 
}


# Verhindern, daß der RTE Styles reindichtet
tt_content.text.20.parseFunc.nonTypoTagStdWrap.encapsLines.addAttributes { 
  P.style= 
  PRE.style=; 
} 

tt_news.text.20.parseFunc.nonTypoTagStdWrap.encapsLines.addAttributes { 
  P.style = 
} 

plugin.tt_news = USER
plugin.tt_news {
          templateFile = fileadmin/bellowski/template/news/tt_news_template_bellowski.tmpl
          displayList.date_stdWrap.strftime= %A, %e. %B %Y
          displayLatest.date_stdWrap.strftime= %A, %e. %B %Y
          displaySingle.date_stdWrap.strftime= %A, %e. %B %Y
          displaySingle.image.file.maxW = 150
          general_stdWrap.brTag = 
          general_stdWrap.encapsLines.wrapNonWrappedLines = <b>|</b>
          general_stdWrap.parseFunc.nonTypoTagStdWrap.encapsLines.addAttributes.P.style = 
          limit = 5
          latestLimit = 3
}

####################################
#generate xhtml-code 
config.xhtml_cleaning = all 
config.doctype = <?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
config.xmlprologue = none 
config.metaCharset = iso-8859-1 

#remove css attributes for p- and pre-tags 
tt_content.text.20.parseFunc.nonTypoTagStdWrap.encapsLines.addAttributes { 
  P.style= 
  PRE.style=; 
} 


plugin.tt_news.displaySingle.title_stdWrap.wrap = 
plugin.tt_news.displaySingle.caption_stdWrap.wrap = 
plugin.tt_news.displayList.caption_stdWrap.wrap =

TSConfig

####################################
# Verhindern, daß der RTE Styles reindichtet
RTE.default.proc=
RTE.config.tt_content.bodytext.proc.entryHTMLparser_db = 1 
RTE.config.tt_content.bodytext.proc.entryHTMLparser_db { 
    allowTags = strong 
}
RTE.config.tt_news.bodytext.proc.entryHTMLparser_db = 1 
RTE.config.tt_news.bodytext.proc.entryHTMLparser_db { 
    allowTags = strong 
}

#Enable <br> im RTE und Verhindern der Transformationen durch den RTE
RTE.default.proc { 
dontConvBRtoParagraph = 1 
denyTags = font,p
hidePStyleItems = H1,H2,H5,H6,PRE 
overruleMode=ts_images,ts_links,ts_reglinks 
} 

lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines.nonWrappedTag =

Ich gebe ja zu, daß ich nicht so super mit Typo3 bin, aber wenn Typo3 diesen Schrott von alleine reinsetzt ....... Bei anderen CMSen hat man meines Erachtens mehr Kontrolle.

Dieses Problem mit den <p>-Tags ist wohl bei vielen vorhanden, wie ich verschiedenen Foren entnehmen kann.

Hat denn keiner einen Rat noch übrig?

iPodFreunde.​de ·

Den Style aus dem <p> Tag
<p style="margin:0 0 0 0;">

verhindert ihr mit folgendem Eintrag in den Template-Constants:

content.RTE_compliant.mode = stylesheets

René

sissi ·

Hi

wenn ich

content.RTE_compliant.mode = stylesheets

mache, erscheint bei mir im Content zwischen allen Absätzen plötzlich ein:

<p>&nbsp;</p>

???

*nerv*

wie kriegt man das p style margin ordentlich weg?

Grüssle
Sissi

sirTeddy ·

Im Setup:

tt_content.text.20.parseFunc.nonTypoTagStdWrap.encapsLines {
    removeWrapping = 1
}

Hat es bei mir gebracht.
Blöd nur das es dann überhaupt keine <P>s mehr gibt (ist ja logisch). Ich möchte aber noch ein Schritt weiter: Ich will schon die <P> Tags haben, jedoch nicht um meine Listen die ich mit <UL> / <LI> anlege.

Sehr nervig wenn mir die <P> Tags immer eine Leerzeile zwischen die Aufzählungen kloppen... ;-)

Im Moment analysiere ich die plugins für content (default) und styles.content (default). In letzterem taucht (unten) folgendes auf:

styles.content.RTE_encaps_stylesheets {
  encapsTagList = div,p,pre
  remapTag.DIV = P
  nonWrappedTag = P
  innerStdWrap_all.ifEmpty =  
  defaultAlign.field = text_align
}

styles.content.RTE_encaps_fontwrap < styles.content.RTE_encaps_stylesheets
styles.content.RTE_encaps_fontwrap {
    # Forcing these attributes onto the encapsulation-tags if any
  addAttributes.P.style=margin:0 0 0 0;
  addAttributes.PRE.style=margin:0 0 0 0; color:navy;
  encapsLinesStdWrap.P.textStyle < styles.content.textStyle
  encapsLinesStdWrap.P.textStyle.align>
}

Diese werden (soweit ich das gerafft habe) weiter nach content (default) vererbt:

tt_content.text.20.parseFunc.nonTypoTagStdWrap.encapsLines < styles.content.RTE_encaps_fontwrap

Ersteres scheint das allgemeine Aussehen bzw. die Parameter im P-Tag zu setzen. Letzteres übernimmt das einfach und wrappt dann alles was ihm vorgeworfen wird...

-- Christian

sirTeddy ·

Kurios:

Wenn ich im Setup

tt_content.text.20.parseFunc.nonTypoTagStdWrap.encapsLines {
    encapsTagList = div, p
}

schreibe, wrappt er mir die <ul> / <li> Tags mit einem <p margin="..."> und wenn ich aber

tt_content.text.20.parseFunc.nonTypoTagStdWrap.encapsLines {
    encapsTagList = div, p, ul, li
    remapTag.LI =
    remapTag.UL =
}

Bezogen auf die Anleitung für encapsTagList, sollte er doch beim ersten Beispiel die Auflistung in Ruhe lassen... Interessanter Weise ist er beim zweiten Beispiel nicht ganz konsequent: Er lässt <li> in Ruhe, <ul> wrappt er wieder mit P.

Uff, ein harter Broken. BTW: Verwende hier Typo3 in der Version 3.8.0.

Hat jemand ne Lösung?

Gruß - Christian