Zum Inhalt springen

Grafik vor jedem Seiteninhalt

Erstellt am 12. März 2005 · 10 Antworten · letzte Antwort am 13. März 2005

Tags: Inhaltselemente, Frage

Bastel ·

Hallöchen ihr Typo3'ler

Mit dieser Zeile gebe ich den Inhalt der Spalte Normal in dem Marker INHALT meines Templates aus.

marks.INHALT < styles.content.get

mit

marks.INHALT.stdWrap {
   innerWrap = <font color=green>|</font>
}

bekomme ich doch den gesamten Inhalt mit dem font-Tag umschrieben.

Wie schaffe ich das jeder einzelne Artikel in der Überschrift eine Grafik davor hat?

dieser Beitrag ist angelehnt an den von mir zuvor geposteten Thread. Vielleicht schaut ihr da mal rein.

#22373

Danke

Norman2k ·

Du kannst doch die Überschriften nach deinen Vorgaben wrapen, geh einfach in den "Constant Editor" und guck mal bei "Content: 'Header'".

Bastel ·

content.wrap.header = <bild> |

Das ganze funktioniert, aber kann ich das auch nur für die Rechte Spalte machen?
Hab bis jetzt nichts konkretes gefunden.
Er macht das ja immer für beide spalten.

Gruß und Danke

Unbekannter Benutzer ·

Hi Bastel,

ok, das ist hier ein Typo3 Forum, aber Deine ganzen Probleme des heutigen Tages könntest Du easy lösen, wenn Du den HTML Quelltext sauber und css basierend aufbaust. Macht einem das Typo3 Implementieren sehr viel leichter, von der verbesserten Ergebnisqualität ganz zu schweigen.

Viele Grüße
Niki

Bastel ·

Hi Niki

Nochmal zu meinem Problem:

marks.INHALT < styles.content.get 
marks.INHALT.stdWrap { 
   required = 1 
   innerWrap = <td valign="top" bgcolor="FFFFFF" width="440"> | <br><br></td> 
   innerWrap.override = <td valign="top" width="653" bgcolor="FFFFFF"> | <br><br></td><td width=10" bgcolor="FFFFFF"><img src="fileadmin/template/spacer.gif" width="10"></td> 
   innerWrap.override.if.isFalse.cObject < styles.content.getRight 
   postCObject < styles.content.getRight 
   postCObject.stdWrap { 
      required = 1 
      innerWrap = <td valign="top" width="13" bgcolor="FFFFFF"><img src="fileadmin/template/spacer.gif" width="13"></td><td width="200" valign="top" bgcolor="FFFFFF"> | <br><br></td><td width="10" bgcolor="FFFFFF"><img src="fileadmin/template/spacer.gif" width="10"></td> 
   } 
}

Ich möchte das nur im Rechten Teil des Seiteninhalts eine Grafik vor die Überschrift gestellt werden soll. Das geht wohl nicht mit Typo?
Das ich die Überschriften und Texte mit css formatieren kann wußte ich bereits, wie das funktioniert hat mir der Norman2k gesagt. Danke noch mal dafür.
Das ich mehrere Posts gemacht habe liegt daran, dass auf meine vorherigen keiner geantwortet hat und sich mir beim Versuch das Problem selbst zu lösen andere Fragen aufgeworfen haben.
Leider ist mir das bisher nicht gelungen.
Ich weiß nicht ob das mit Typo so zu machen geht. Aus diesem Grund habe ich hier im "Anfängerforum" gefragt.

Wenn Du meinst das ist ein css-Problem... dann hast du bestimmt auch eine Idee wie ich das mittels css hinbekomme. Ich wäre dir dafür sehr dankbar.

Vielleicht habe ich hier auch nicht das richtige Beispiel gewählt. Bisher war ich jedoch überzeugt das ich mein eigentliches Problem nicht mit css lösen kann.

Gruß Bastel

theo ·
Bastel schrieb

Vielleicht habe ich hier auch nicht das richtige Beispiel gewählt. Bisher war ich jedoch überzeugt das ich mein eigentliches Problem nicht mit css lösen kann.

wenn du dein (x)html semantisch sauber auszeichnest, dann stehen deine überschriften zwischen h-tags, also z.b.

<h1>headline</h1>

jetzt weißt du mit css diesem tag ein hintergrundbild zu.

h1 {
	background-image: url(/fileadmin/gfx/bild.gif);
	background-repeat: no-repeat;
	background-position: left;
}

also mit typo3 hat das grundsätzlich nix zu tun. da solltest du dich schon in einem css-forum rumtreiben... 😉

Bastel ·

Das mit den css ist kein Problem, aber das Ergebnis ist nicht das gewünschte.

Ich hab hier mal nen Screenshot der Problemseite:
<img src="http://wir-in-brandenburg.de/foren_material/2column_img.jpg">

Links ist der Seiteninhalt NORMAL, Rechts der Seiteninhalt RECHTS.
Wie schon beschrieben erstreckt sich der Seiteninhalt NORMAL wenn kein Text für den Seiteninhalt RECHTS angegeben wurde über die Ganze Seite.

Nun möchte ich diese grünen Grafiken aber nur vor den Überschriften der Rechten Seite.

content.wrap.header = <img src="..."> |

hat sich dafür super geeignet nur macht er da ja die Spalte NORMAL gleich mit.
Wie bekomme ich die Grafik nur vor die Rechte Spalte ohne das ein Redakteur die Grafik selbst einbinden muss?

Unbekannter Benutzer ·

Les doch den Beitrag von theo noch mal durch. Er hat das wunderbar beschrieben.

Ergänzend ein kleiner Hinweis, wie Du über das css gleiche Elemente (z.B. h1) in unterschiedlichen Bereichen (content und contentRight) individuell gestalten kannst: Du packst jeden Bereich in einen div tag mit einer id, also z.B. div id="center" und div id="right".

Du kannst das alles auch mit TypoScript lösen, aber wenn ich mir die codes so anschaue die Du da bisher produziert hast finde ich das mit Atomsprengköpfen auf Spatzen schiessen, da das eben alles über css easy und v.a. viel hochwertiger gelöst werden kann.

Viele Grüße
Niki

Bastel ·

Ich habs...

Hab mich bis eben mit css rumgeschlagen...
Und, was soll ich sagen?
Es funktioniert. #paralyzed#
Ohne euch wäre ich nie auf die Idee gekommen.
Ich hätte auch nie gedacht das der Opera und Co da mit machen.

<div id="columnNormal"><h1></h1></div>
<div id="columnRight"><h1></h1></div>

Hier der CSS-Code

#columnNormal h1 { 
    font-size:12pt; 
    color:#000000;
    margin-top:10px; margin-bottom:0px; margin-left:0px;
}

#columnRight h1 { 
    font-size:12pt; 
    color:#8CBE42;
    padding-left:20px;
    margin-top:10px; margin-bottom:0px; margin-left:0px;
    background-image: url(sign_article.jpeg); 
    background-repeat: no-repeat; 
    background-position: left; 
}

Danke für die Hilfe und seit nicht Böse wegen meiner Ungläubigkeit... aber noch zähle ich zu den Anfängern. *g*

Gruß Bastel