Thema: Probleme mit Newsflash CSS Formatierung

Habe Newsflash in eine Seite eingebunden und es funktioniert alles - nur das Formatieren per CSS macht Probleme. Zur Veranschaulichung folgender Link:

http://www.miller-heiman.de/content/view/49/59/

Habe dem Modul den Module Class Suffix "-newsflash" verpaßt. Wenn ich mir nun den Quellcode ansehe, taucht dieser Suffix nur in der Klasse "moduletable-newsflash" auf, also dort wo die Tabelle für das Modul anfängt.

Erstes Problem: rechts in der Spalte ist der Abstand zwischen Titel und Introtext unschön groß - der soll kleiner werden. Für den Titel ist die Klasse "contentpagetitle" zuständig, wobei mich beim Namen erst einmal wundert, daß mein Suffix dort nicht auftaucht. Demnach müßte ich ja bei Änderung dieser Klasse die Titel aller anderen Module mit ändern, weil dies ja vermutlich eine Klasse ist, die "allgemein" gilt?

Egal, ich ändere sie also mal. Schriftgröße funktioniert, doch wenn ich margin oder padding ändere (die per default in dieser Klasse gar nicht definiert sind), passiert nichts.

Ähnliches Problem beim Knopf "weiter": hier ist der Abstand zum darüberliegenden Introtext unschön groß. Zuständig ist hier die Klasse "readon". Auch hier kann ich zwar die Schriftgröße ändern, doch weiter Parameter wie padding oder margin zeigen keine Wirkung.

Entweder habe ich (hoffentlich) das Prinzip der Joomla-CSS-Funktion noch nicht verstanden, oder hier gibt es einen Fehler im Programm (meine Joomla Version ist übrigens 1.0.11 stable).

Kann mir jemand weiterhelfen?

Danke für den Tip. Diese Verkettung von CSS-Anweisungen öffnet mir die Augen. Die "readon"-Klasse habe ich so auch erfolgreich modifiziert :-)

Zitat von blackice2999

Kein Problem

Sei doch noch so nett und makiere den Thread als gelöst.

Habe ich gemacht - aber es ist doch noch ein Problem aufgetreten. Und zwar ist die Darstellung im Internet Explorer 7/WinXP etwas fehlerhaft. Die vertikalen Abstände der Titel in der rechten Spalte sind zu groß.

Ich habe den CSS Stilen farbige borders verpaßt und man sieht, daß im IE über den Titeln zuviel Platz ist, was vor allen Dingen bei den längeren Titeln, die dann über zwei Zeilen laufen, häßlich aussieht. Firefox macht das richtig. Seltsamerweise ist über dem ersten Titel nicht zuviel Platz.

Was also unterscheidet den ersten Titel von allen anderen?

Auch der obere vertikale Abstand der äußeren Tabelle (roter Rand) ist zu groß, obwohl ich "margin:8px" gesetzt habe.

Hast Du eine Idee, wie man dieses Darstellungsproblem lösen könnte?

Zitat von blackice2999

Hi DerAndi,

ja leider gibt es zahlreiche CSS bugs beim IE, bevor ich jetzt raten muss, gib doch
mal den Link.

Hallo Dennis, das ist diese Seite:

http://www.miller-heiman.de/content/view/49/64/

Habe die beteiligten Tabellen und die anklickbaren Titel einfach mal mit "border" und verschiedenen Farben markiert. Dann sieht man schnell, wo der IE die fehlerhafte Darstellung produziert :-(

Zitat von blackice2999

Hallo,

ich könnte mich auch täuschen hab es jetzt nur mal kurz überflogen aber ich denke Schuld könnte die zeile

Code:

line-height:12px;

sein.

Habe mal das "line-height" rausgenommen, doch leider hat das nicht geholfen. Der obere Abstand über den Titeln ist ja auch viel größer als die 2px Differenz zur Schriftgröße 10px.

Hm. Muß ich wohl mal nach IE Bug würgarounds suchen. Aber ich habe wenig Hoffnung. Workarounds können bei einer neueren verbesserten Version ja auch nach Hinten losgehen.