Zum Inhalt springen

clear.gif über Bild entfernen

Erstellt am 11. Oktober 2004 · 10 Antworten · letzte Antwort am 13. Juli 2005

Tags: Inhaltselemente, Bilder, Frage

Arkala ·

zum n+Ersten!

Bitte nicht steinigen! Habe die Suche zum Thema genutzt und auch einige interessante Antworten gefunden. Allerdings bekomme ich die clear.gif's über dem Bild einfach nicht weg.

Ich verwende typo3 3.6.0RC1.

Folgende Eintragungen habe ich im Constants-Feld:

content.headerSpace = 0|0
content.space = 0|0

styles.content.imgtext.colSpace = 0

und im Setup-Feld:

// Wirft das CLEAR.GIF raus
tt_content.image {
  noStretchAndMarginCells = 1
  spaceBelowAbove = 0
  20.colSpace = 0
  20.rowSpace = 0
  20.textMargin = 0
  20.image_frames = 0
  20.spaceBelowAbove = 0
  20.stdWrap.spaceAfter = 0 
  20.stdWrap.spaceBefore = 0
  20.noStretchAndMarginCells = 1
}

tt_content.header.stdWrap.space = 0|0

tt_content.stdWrap {
  space = 0|0
  spaceBefore = 0
  spaceAfter = 0
  dataWrap =
}

tt_content.textpic {
  noStretchAndMarginCells = 1
  spaceBelowAbove = 0
  20 {
    spaceBelowAbove = 0
    rowSpace = 0
    colSpace = 1
  }
// Tabelle um Text/Bild mit farbigem Bereich links
  wrap (
      <table width=448 cellspacing=0 cellpadding=0 margin=0 border=0>   
        <tr>
          <td colspan=4 bgColor=#CCCCCC><img s="images/s.gif" width=448 height=1></td>
        </tr>
        <tr>
          <td bgColor=#CCCCCC><img s="images/s.gif" width=1></td>
          <td width=62 bgColor=#B90729><img src="images/s.gif" width=62></td>
          <td>|</td>
          <td bgColor=#CCCCCC><img s="images/s.gif" width=1></td>
        </tr>
        <tr>
          <td colspan=4 bgColor=#CCCCCC><img s="images/s.gif" width=448 height=1></td>
        </tr>
        <tr>
          <td colspan=4 height=11><img src="images/s.gif" width="448" height="11" border="0"></td>
        </tr>
      </table>
  )
}

// max. Textbreite definieren
tt_content.text.wrap = <table width=448><tr><td>|</td></tr></table>

tt_content.text.20.parseFunc {
  // Und hier wird das CLEAR.GIF hinter den Überschriften rausgenommen
  tags.typohead.stdWrap.space = 0|

  // Folgender Code löscht das Margin 0 0 0 0 aus dem P Tag
  nonTypoTagStdWrap.encapsLines.addAttributes {
    P.style=
    PRE.style=;
  }
} 

// Macht die Listenpunkte weg, setzt die Liste in ein UL und die Punkte in LI
tt_content.text.20.parseFunc.tags.typolist.default.split.1.wrap = <li>|</li>
tt_content.text.20.parseFunc.tags.typolist.default.wrap =

lib.stdheader.stdWrap.space = 0|0

Was habe ich übersehen? Hat jemand eine Idee, woran es noch liegen könnte???

Arkala ·

Hallo,

ist jemand da???

Was muss ich tun um eine Antwort zu erhalten???
Sind die Anfragen nicht konkret oder verständlich genug gestellt? Oder sind die Fragen die ich stelle zu einfach oder gar zu schwierig???

Würde mich freuen, wenn mir jemand einen Tipp geben könnte, wie ich mit den Leuten hier im Forum ins Gespräch kommen kann. Alleine das Einstellen von Fehlerbeschreibungen bringt nicht das gewünschte Feedback.

Was mache ich falsch ???
Suche wirklich händeringend nach Lösungen!!!

jenses ·

Jo, hier ist jemand / viele.

Aber genau diese Frage ist schon soooo oft gestellt worden,
daß man absolut keine Lust mehr hat, darauf zu antworten.

Benutzt doch bitte die Suche und habt etwas mehr Geduld,
bis ihr die passende Lösung gefunden habt.
Und die gibt es wirklich zu jedem Problem,
das in Typo3 lösbar ist !!!
( Vielleicht abgesehen von ganz neuen Schwierigkeiten mit V3.7 )

Das Forum ( und die Suche ) wird wirklich nicht übersichtlicher,
wenn es mit immer wieder gleichen Fragen zum selben Thema zugemüllt wird !!!!!

Guckst du hier :

1.) #16729

2.) #905
( für Text with Image, darum gehts wahrscheinlich den meisten )

viele Grüße
jenses

Arkala ·

Es ist mir ja auch sehr unangenehm, dass dieses Thema auch noch mal aufrolle. Aber leider haben mir die Lösungen aus den bisherigen Beiträgen nicht helfen können.

Die beiden referenzierten Beiträge hatte ich auch gefunden und die entsprechenden Modifizieren am Template vorgenommen (siehe Quelltext oben).

Dennoch bekomme ich dieses eine Pixel am oberen Bildrand (Bild/Text) nicht weg!
Alle anderen clear.gif's und <br> und <margin ...> habe ich erfolgreich elimieren können mit Hilfe der Suche.

Habe mich auch mit einem Forumsmitglied in Verbindung gesetzt, der das gleiche Problem hatte. Leider hat er auch noch keine Lösung dafür gefunden. Wie ihr seht bin ich nicht alleine mit diesem Problem. Sollte es jemals eine Lösung dazu geben, so werde ich gerne ein HowTo schreiben, das allen Nachfolgenden die Suche erleichtert.

Was kann ich tun? Den Object-Browser kenne ich mittlerweile schon in- und auswendig. Und dennoch finde ich keine Lösung!

jenses ·

Die beiden referenzierten Beiträge hatte ich auch gefunden und die entsprechenden Modifizieren am Template vorgenommen (siehe Quelltext oben).

Das hast du eben nicht getan !!! #evil# #evil# #evil#
Warum übernimmst du die Code-Schnipsel nicht 1-zu-1 ????

Die Lösungen sind da !!!
Wenn ihr aber einfach den Code abändert, ohne zu wissen was ihr da tut,
ist euch auch nicht zu helfen !!!!

jenses

Dander ·

ich zweifle daran das das clear.gif von dem bild kommt wrscheinlich kommt es von dem elemet darüber....
du hast eine menge nicht ausgeschalten
die überschriften z.B sollten so ausehen
und nicht so 0|
...
tt_content.text.20.parseFunc.tags.typohead.stdWrap.space = 0|0

aber wie jenses schon gesagt hat das alles findest du in den beiden beiträgen

MFG

Dander

Arkala ·

So,

nach längerem Basteln geht es jetzt.

Für alle die das gleiche Problem haben hier die Zusammenfassung:

Constants:

// entfernt automatische Abstände
styles.content.imgtext.colSpace = 0 
styles.content.imgtext.rowSpace = 0 
styles.content.imgtext.textMargin = 0 
// Noch ein paar <br> entfernen
styles.content.imgtext.caption.1.wrap = | 
styles.content.imgtext.caption.1.spaceBefore = 0 
styles.content.imgtext.caption.1.br = 0

Setup:

// Wirft das CLEAR.GIF raus 
tt_content.image.20.spaceBelowAbove = 0 
tt_content.header.stdWrap.space = 0|0 
tt_content.stdWrap.space = 0|0
tt_content.stdWrap.spaceBefore = 0 
tt_content.stdWrap.spaceAfter = 0 
lib.stdheader.stdWrap.space = 0|0 

// Und hier wird das CLEAR.GIF hinter den Überschriften rausgenommen 
tt_content.text.20.parseFunc.tags.typohead.stdWrap.space = 0|0 

// Folgender Code löscht das Margin 0 0 0 0 aus dem P Tag 
tt_content.text.20.parseFunc.nonTypoTagStdWrap.encapsLines.addAttributes { 
P.style= 
} 

// Unterdrückt den Umbruch mit 

lib.stdheader.10.stdWrap.wrap = |

tt_content.textpic.20.spaceBelowAbove = 0
tt_content.image.20.spaceBelowAbove = 0

tt_content.textpic.20.noStretchAndMarginCells = 1 
tt_content.image.20.noStretchAndMarginCells = 1

Anscheinend muss man den Code genau so im Setup stehen haben.

Bei mir ergab sich daraufhin noch ein Problem mit dem Abstand zwischen Bild und Text (Bild rechts neben Text angeordnet). Da dieser Abstand nun auch auf 0 reduziert wurde. Dies habe ich folgendermassen gelöst:

Setup erweitern:

tt_content.textpic {
  20.text.wrap = <div class="textpic">|</div>
}

und entsprechend in der stylesheet-Datei folgendes definieren:

div.textpic {
  margin-left: 15px;
}

Ich hoffe, damit nicht nur denen geholfen zu haben, die das gleiche Problem haben; sondern auch den Profis, da sie nun hoffentlich keine Beiträge zu diesem Thema mehr beantworten müssen ;-)

Schmoozer ·

Ok, vielen Dank. Werd bestimmt mal wieder auf dieses Thema zurückgreifen, vor allem, wenn dann meine neue Homepage online geht...

Dander ·

du könntest ja auch auf die anderen 2000 beiträge zu diesem thema
zurückgreifen 😃 #giggle# #giggle# :p

niko-mit-k ·

hallo,

ich hatte das problem auch, nur etwas anders:
auf der website: http://www.jazzfestival.ch habe ich unter anderem den content-typ "text w/image".
mein inhalt hat links ein bild und rechts den dazu gehörigen text.

das problem:
ich wollte, das bild und text auf der gleichen höhe sind und nicht, das das bild höher als der text steht.

und hier die lösung ;-)

ins setup:

###############################################
# Einstellungen für clear.gif entfernung
#
# entfernt 1-pixel clear.gif über jedem Bild mit Text
tt_content.textpic.20.noStretchAndMarginCells = 1
#
# entfernt 1-pixel clear.gif über jedem Bild
tt_content.image.20.noStretchAndMarginCells = 1
###############################################

dann habe ich im quellcode geschaut, ob ich das bild(bzw. die tabelle) nicht per CSS ansprechen kann, und wie vermutet - es geht!

in deine CSS datei:

.imgtext-table {
	margin: 4px 10px 0px 0px }

die 4px sind der abstand vom bild nach oben, die 10px der abstand rechts zum text.

das war der ganze zauber ;-)

viel spass!

olivierhuber ·

auf der website: www.jazzfestival.ch habe ich unter anderem den content-typ "text w/image".
mein inhalt hat links ein bild und rechts den dazu gehörigen text.

das problem:
ich wollte, das bild und text auf der gleichen höhe sind und nicht, das das bild höher als der text steht.

Ich hatte das gleiche Problem und konnte es so lösen, wie im Post angegeben. Es entsteht nun aber folgendes Problem: In anderen textpic Elementen habe ich das Bild nicht links angeschlagen, sondern rechts. Dann habe ich ein Problem mit dem Margin. Wie kann ich es erreichen, dass das Bild bei allen anderen Positionierungsmöglichkeiten mit den richtigen Abständen positioniert wird?

Für etwaige Hinweise bin ich sehr dankbar.

Merci

Olivier