/* * css-styled-imgtext */ /* Licensed under the GPL, see http://www.gnu.org/copyleft/gpl.html (c) the TYPO3 content rendering group (c) Ernesto Baschny (ernst@cron-it.de)*/ p.bodytext { margin: 0; } /* Captions */ P.csc-caption { margin: 0 !important; } P.csc-caption { padding: 3px 0 5px 0 !important; font: normal 0.7em/120% Arial, Verdana, sans-serif !important; color : #787878 !important; /* Customize me */} DIV.csi-caption-c .csi-caption { text-align: center; } DIV.csi-caption-r .csi-caption { text-align: right; } DIV.csi-caption-l .csi-caption { text-align: left; } /* Needed for noRows setting */ DIV.csi-textpic DIV.csi-imagecolumn { float: left; display: inline; } /* Border just around the image */ DIV.csi-imagewrap { padding: 0; } DIV.csi-textpic IMG { border: none; } DIV.csi-border img { border: 2px solid #fff; padding: 0px;} /* DIV: This will place the images side by side */ DIV.csi-textpic DIV.csi-imagewrap DIV.csi-image { float: left; } /* UL: This will place the images side by side */ DIV.csi-textpic DIV.csi-imagewrap UL { list-style: none; margin: 0; padding: 0; } DIV.csi-textpic DIV.csi-imagewrap UL LI { float: left; margin: 0; padding: 0; } /* DL: This will place the images side by side */ DIV.csi-textpic DIV.csi-imagewrap DL.csi-image { float: left; } DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DT { float: none; } DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DD { float: none; } DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DD IMG { border: none; } /* FE-Editing Icons */ DL.csi-image { margin: 0; } DL.csi-image DT { margin: 0; display: inline; } DL.csi-image DD { margin: 0; } /* Clearer */ DIV.csi-clear { clear: both; } /* Margins around images: */ /* Pictures on left, add padding on right */ DIV.csi-left DIV.csi-imagewrap .csi-image,DIV.csi-intext-left-nowrap DIV.csi-imagewrap .csi-image,DIV.csi-intext-left DIV.csi-imagewrap .csi-image { display: inline; /* IE fix for double-margin bug */ margin-right: 0px;} /* Pictures on right, add padding on left */ DIV.csi-right DIV.csi-imagewrap .csi-image,DIV.csi-intext-right-nowrap DIV.csi-imagewrap .csi-image,DIV.csi-intext-right DIV.csi-imagewrap .csi-image { display: inline; /* IE fix for double-margin bug */ margin-left: 0px;} /* Pictures centered, add padding left and right */ DIV.csi-center DIV.csi-imagewrap .csi-image { display: inline; /* IE fix for double-margin bug */ margin-left: 10px; margin-right: 10px;} DIV.csi-textpic DIV.csi-imagewrap .csi-image .csi-caption { margin: 0; } DIV.csi-textpic DIV.csi-imagewrap .csi-image IMG { margin: 0; } /* Space below each image (also in-between rows) */ DIV.csi-textpic DIV.csi-imagewrap .csi-image { margin-bottom: 10px; } DIV.csi-equalheight DIV.csi-imagerow { margin-bottom: 10px; display: block; } DIV.csi-equalheight DIV.csi-imagewrap .csi-image { margin-right: 25px;} /* Positioning of images: */ /* Above */ DIV.csi-above DIV.csi-text { clear: both; } /* Center (above or below) */ DIV.csi-center { text-align: center; /* IE-hack */ } DIV.csi-center DIV.csi-imagewrap { margin: 0 auto; } DIV.csi-center DIV.csi-imagewrap .csi-image { text-align: left; /* Remove IE-hack */ } DIV.csi-center DIV.csi-text { text-align: left; /* Remove IE-hack */ } /* Right (above or below) */ DIV.csi-right DIV.csi-imagewrap { float: right; } DIV.csi-right DIV.csi-text { clear: right; } /* Left (above or below) */ DIV.csi-left DIV.csi-imagewrap { float: left; } DIV.csi-left DIV.csi-text { clear: left; } /* Left (in text) */ DIV.csi-intext-left DIV.csi-imagewrap { float: left; } /* Right (in text) */ DIV.csi-intext-right DIV.csi-imagewrap { float: right; } /* Right (in text, no wrap around) */ DIV.csi-intext-right-nowrap DIV.csi-imagewrap { float: right; clear: both; } /* Hide from IE5-mac. Only IE-win sees this. \*/* html DIV.csi-intext-right-nowrap .csi-text { height: 1%; } /* End hide from IE5/mac */ /* Left (in text, no wrap around) */ DIV.csi-intext-left-nowrap DIV.csi-imagewrap { float: left; clear: both; } /* Hide from IE5-mac. Only IE-win sees this. \*/* html DIV.csi-intext-left-nowrap .csi-text { height: 1%; } /* End hide from IE5/mac */ /* ################################### # Allgemeine Infos über Typo3 # ################################### Backend-Bereich: ---------------- Content pflegen im Redaktions-Bereich: - Inhalts-Objekte können mehrere HTML-Elemente enthalten (z.Bsp Text, Bild und Aufzählung zusammen) - um das Layout eines solchen Objekts zu beeinflussen, kann NUR um das gesamte Objekt (alle Elemente) ein
gesetzt werden (z.Bsp.
...) - Bezeichnung der Klassen kann angepasst werden - Extra: - jedes Inhalts-Objekt kann mit EINER Überschrift versehen werden für die man bei Bedarf ein gesondertes Layout auswählen kann (s.u.) RichTextEditor: - ermöglicht das Einfügen von Texten, Bildern und Tabellen mit Hilfe von GUI - erkennt Abschnitte (

) und Zeilenumbrüche (
) - Redakteur kann Text als Überschrift markieren (Typo3 interpretiert das mit h1 bis h6) - innerhalb vom RTE kann man nicht Einfluss auf die Style-Klassen von HTML-Tags nehmen außer: - man editiert Text in HTML-Ansicht (eher uncool) - man programmiert zusätzliche Features, die bei Klick auf Icon folgendes tun - das Setzen von ... um markierten Text Erfahrung: funktioniert gut - das Setzen von einer Klasse direkt in ein Block-Element (z.Bsp.

  • dsdfsd
    • -> Gefahr: bestimmte HTML-Tags werden falsch oder gar nicht erkannt Erfahrung: lief bisher ohne Probleme bei ,
  • , Empfehlung: wenn möglich, über gesonderten Layout-Typ durch umschliessendes DIF (s.o.) umsetzen Automatische Menü-Generierung: - ganzes Menü kann individuell umschlossen werden (z.Bsp.