Zum Inhalt springen

CSS-Seiten mit Typo3

Erstellt am 29. Dezember 2004 · 17 Antworten · letzte Antwort am 5. Januar 2005

Tags: HTML & CSS, Frage

Jörg Roth ·

Für sowas braucht man keine Extension!!! Man kann doch sehr komfortabel jedes Element mit einer eigenen CSS-Klasse versehen - sei es RTE oder Content-Element. Man muss die Klasse nur in der TSconfig angeben und fertig.

Prost Neujahr im übrigen... 😃

Marpfei ·

Hallo Jörg,
danke für dein anschauliches Beispiel (pickhan). Das schönes XHTML (so wie ich es mit Typo3 auch hinkriegen möchte 😃).

Aber wenn ich um jedes Bild mindestens drei Tags herumschachteln möchte, dann muss die PHP-Klasse der Extension abändern....

<div class="example" id="v1">
  <div class="wrap1">
    <div class="wrap2">
      <div class="wrap3">
        ...bild...
      </div>
    </div>
  </div>
</div>

...da reicht mir die Definition im Setup nicht, oder?

mlg,
Marpfei

Jörg Roth ·

Doch, denn die Definition lässt sich in einer Klasse unterbringen... und die wird einem einzelnen Element zugewiesen. Deswegen macht die Verschachtelung an der Stelle keinen Sinn...

Marpfei ·

Wouh,
danke. Da habe ich wieder etwas dazugelernt. Also ich kann mehrere TAGs unter
einer Klasse zusammenfassen und spare mir damit mein TAG-Gewurschtle.
Das wird ja dann direkt übersichtlicher Code 😉

mlg,
Marpfei

theo ·

wenn ich jetzt nicht völlig danebenliege, dann, so glaube ich jedenfalls, redet ihr doch komplett aneinander vorbei, oder??

Jörg Roth ·

Klar, das geht auch - die Referenzierung ist dann denkbar einfach. Schau halt auch mal in der CSS-Referenz nach, wie's gemacht wird (table > tr > td > img)

Marpfei ·

@theo:
Ok. Jörg redet von PHP-Klassen, und ich meinte Class-Definitionen in CSS-Tags.
Ist mir auch gerade klar geworden...

Jörg Roth ·

Nene, ich red von CSS-Klassen...

*ächz*

Wenn Du einem Bild z. B. im RTE ein bestimmtes Aussehen verleihen willst, dann hinterlegst Du in der CSS-Datei die entsprechende Formatierung.

Bleistift:
.sexyschatten {
background:#ddd url(pfad/zum/bild.gif) repeat-x top right;
}

Diese CSS-Klasse bindest Du im RTE ein (siehe TSconfig). Im RTE dann das Bild markieren und die CSS-Klasse zuweisen. Fertig. Kannst das CSS auch direkt in der TSconfig angeben...

Ähnlich verhält es sich mit dem normalen Inhaltstypen Bild (m. Text, etc.), allerdings musst Du dann je nach dem auf die entsprechend übergeordneten Tags referenzieren. Die Bilder werden so ja in einer Tabelle eingebunden. Das machste dann entsprechend in der CSS-Datei fertig.

Nix PHP! 😉

Marpfei ·

@ all:
Danke für die eindrücklichen Beispiele. Es ist also doch möglich 😉
Ich denke, wenn man sich mal so eine schöne CSS-Arbeitsumgebung
mit persönlichen Features in Typo3 eingerichtet hat, dann läuft alles gleich viel runder.
Bis dahin habe ich noch einiges zu tun...

@ Jörg:
OK, hab verstanden. Mit RTE habe ich mich noch nicht beschäftigt,
aber die normalen Inhaltstypen werde ich nach meinen Vorstellungen abändern.

mlg,
Marpfei