Artikel CSS-Problem

Hier bekommst Du deutschsprachigen Support. Keine Fehlermeldungen oder Erweiterungswünsche bitte!
Post Reply
DasNets
Posts: 13
Joined: Thu 22. Feb 2007, 12:49
Location: Zirndorf bei Nürnberg
Contact:

Artikel CSS-Problem

Post by DasNets »

Hi, ich möchte die Tags Artikel mit CSS gestalten. So weit ist das eigentlich garkein Problem.

Jetzt habe ich einen Artikel angelegt und lass mir diesen auf einer rechten Spalte ausgeben. Dort habe ich dann das CSS so angepasst, dass der Artikel aussieht wie er soll.

Nun habe ich auf der selben Seite noch einen weiteren Artikel angelegt, welcher den Content der Seite bestimmen soll. Jetzt ist dieser aber im selben CSS-Stil wie der in der rechten Spalte. Wie kann ich machen, dass die CSS-Klasse eine andere ist, wenn er in der Mitte bzw. links oder rechts ist?
wer später bremst ist länger schnell
larmann
Posts: 311
Joined: Thu 23. Jun 2005, 10:51
Location: Hamburg
Contact:

Post by larmann »

Hallo,

du kannst an jeder Stelle im Template div-Container anlegen. Vor dem Bereich, den du layouten möchtest, öffnest du den Container und gibst ihm eine Klasse. Nach dem Inhalt schließt du den Container dann wieder.

Hast du noch gar keine Ahnung von CSS?
User avatar
Jensensen
Posts: 3000
Joined: Tue 17. Oct 2006, 21:11
Location: auf der mlauer

Post by Jensensen »

Hi,

gehen wir mal von einem zweispaltigen Layout aus.
Dann kannst Du die Formatierung für deinen Artikel in der CSS-Datei anlegen:

#artikelgestaltung { Deine Formatierungen; }

Für die rechte Spalte (beispielsweise mit CSS angelegt als #col2) bzw. für die Spalte, in der der Artikel/Text eine andere Formatierung erhalten soll, änderst Du die Formatierung entsprechend und notierst das in Deinem CSS-File wie folgt:

#col2 #artikelgestaltung { Deine ABWEICHENDEN Formatierungen; }

Damit erscheinen Deine Artikel (hier im Beispiel) in SPALTE #col2 entsprechend anders, als in den anderen Bereichen der Seiten --> ausserhalb des #col2 Bereiches.

Anstelle ID's kannste auch mit Klassen arbeiten. (siehe larmann oben)
Musste mal rumprobieren....
(das ist ja gerade das cascading --> bei CSS)

Grüße
Jensensen
{so_much} | Knick-Knack. | GitHub
Umlaute im URL sind meistens immer Kacke.
Post Reply