[GELÖST] CSS-Frage

tbillert · 27. Februar 2012 23:53

Hallo zusammen,

vielleicht nicht CMSMS-spezifisch, aber da die Site nun mal damit laeuft, werde ich meine Frage doch hier mal los... Ich habe alle Absaetze im Fliesstext in Blocksatz formatiert, was aber dazu fuehrt, dass diese Formatierung auch auf Absaetze Tabellen uebernommen wird. Sprich, ein <td align="right"> fuehrt nicht mehr dazu, dass der Text in der Tabellenzelle rechtsbuendig dargestellt wird - es ist IMMER alles justify. Im CSS sieht es jetzt so aus:

#main-text p {
text-align: justify;
margin-left: 50px;
margin-right: 50px;
}
#main-text td p {
margin-left: 5px;
margin-right: 5px;
margin-top: 5px;
margin-bottom: 5px;
}

Wie bekomme ich es denn hin, dass ein <p> innerhalb einer Tabelle keine voreingestellte Textausrichtung mitbekommt? "text-align: left;" hilft da nicht weiter - Text ist dann linksbuendig, Problem bleibt bestehen, ich kann in einer Zelle nichts rechts ausrichten.

Vielen lieben Dank!

Gruss,

Thomas.

NaN · 27. Februar 2012 00:03

Versuchs mal so:

Hier klicken, um den Code zum Kopieren zu markieren

#main-text > p {
    text-align: justify;
    margin-left: 50px;
    margin-right: 50px;
}

damit sollten nur solche Absätze Blocksatz bekommen, die ein direktes Kindelement von #main-text sind.
(siehe z.B. auch http://css.maxdesign.com.au/selectutori … _child.htm )

tbillert · 27. Februar 2012 00:11

NaN, Du bist ein Held! Ganz vielen Dank - das hat funktioniert und ich habe wieder was gelernt...

Viele Gruesse,

Thomas.

mike-r · 27. Februar 2012 02:26

ich würde vom missbilligten align-pseudo-attribut generell abraten und stattdessen Klassen verwenden.
Hat obendrein den Nebeneffekt, dass es auch in älteren Browsern läuft.

Generell würde ich allerdings auch prinzipiell von Blocksatz abraten. Liest sich bei umfangreicheren Texten sehr schlecht, da man immer die aktiven Zeilen verliert. Desweiteren entstehen bei Webblocksatz hässliche Lücken und der ganze Block wird extrem unruhig, wenn längere (und kürzere) Worte im Text vorkommen. Besonders "schön" kann man das bei engeren Spalten sehen.

Cherry · 27. Februar 2012 08:54

mike-r schrieb:

ich würde vom missbilligten align-pseudo-attribut generell abraten und stattdessen Klassen verwenden.
Hat obendrein den Nebeneffekt, dass es auch in älteren Browsern läuft.

Hmmm.... das verstehe ich nicht ganz. Warum ist align misbilligt? Und was verwende ich dann richtigerweise?

tbillert · 27. Februar 2012 10:17

Hallo Mike,

ja, Klassen waeren hier optimal. Da die Seite aber primaer von jemandem gepflegt wird, der kaum Ahnung von HTML und CSS hat, wuerde ich gern vermeiden, das ganze zu komplex zu gestalten. Sprich, es langt, wenn er (in tinyMCE) fuer einen Textblock als Attribut "Absatz" auswaehlen muss, und nicht noch "Textabsatz" oder "Absatz in Tabelle" zur Wahl hat... Die Loesung oben ist vollkommen okay fuer mich.

Blocksatz - ich liebe ihn. Flattersatz finde ich unaufgeraeumt. Aber auch hier gilt wie so oft: YMMV.

Gruss,

Thomas.

NaN · 27. Februar 2012 13:13

Cherry schrieb:

Hmmm.... das verstehe ich nicht ganz. Warum ist align misbilligt?

Align ist schon lange bei vielen HTML Elementen als deprecated eingestuft.

Unter HTML 4.01/XHTML 1.0 ist es beim <td> Element aber noch dabei: http://www.w3schools.com/tags/tag_td.asp

In HTML 5 wird es allerdings nicht mehr unterstützt: http://www.w3schools.com/html5/tag_td.asp

Stattdessen sollte man eben mit Klassen und Stylesheets arbeiten.
(z.B. text-align)

tbillert · 27. Februar 2012 13:22

ah so, okay. Das bezog sich auf das <td align=right>. Koennte ich umruesten, wenn ich finde, wie ich dies dem tinyMCE verklickere (der benutzt das automatisch beim Einstellen einer Tabellenzelle auf rechtsbuendig).

Wobei auch ein <td style="text-align: right;"> mein originales Problem nicht geloest haette (?).

Gruss,

Thomas.

NaN · 27. Februar 2012 13:35

tbillert schrieb:

Wobei auch ein <td style="text-align: right;"> mein originales Problem nicht geloest haette (?).

Nein, hättest dann trotzdem mit dem Kindselektor arbeiten müssen.
Aber folgendes wäre auch denkbar:

Hier klicken, um den Code zum Kopieren zu markieren

<td class="align-right">

Hier klicken, um den Code zum Kopieren zu markieren

td.align-right p {
    text-align:right;
}

oder auch einfach

td.align-right * {
    text-align:right;
}

Es geht nicht einfach nur darum, CSS anstelle von Pseudoattributen zu verwenden, sondern zusätzlich noch mit Klassen zu arbeiten, da man dann im CSS sehr viel flexibler bzw. präziser sein kann.

tbillert · 27. Februar 2012 13:43

Klar, ist angekommen. Ich tauche mal bei Gelegenheit wieder in die Eingeweide von tinyMCE und schaue, wo ich das einstellen kann.

Viele Gruesse,

Thomas.

Forum für CMS/made simple

#1 27. Februar 2012 23:53

[GELÖST] CSS-Frage

#2 27. Februar 2012 00:03

Re: [GELÖST] CSS-Frage

#3 27. Februar 2012 00:11

Re: [GELÖST] CSS-Frage

#4 27. Februar 2012 02:26

Re: [GELÖST] CSS-Frage

#5 27. Februar 2012 08:54

Re: [GELÖST] CSS-Frage

#6 27. Februar 2012 10:17

Re: [GELÖST] CSS-Frage

#7 27. Februar 2012 13:13

Re: [GELÖST] CSS-Frage

#8 27. Februar 2012 13:22

Re: [GELÖST] CSS-Frage

#9 27. Februar 2012 13:35

Re: [GELÖST] CSS-Frage

#10 27. Februar 2012 13:43

Re: [GELÖST] CSS-Frage

Fußzeile des Forums