Forum Webdesign
Browser ignorieren text-align - Anordnen von Bildern
Ich möchte Bilder innerhalb eines Artikel oben rechts anordnen. Der Editor macht aus dem - align="right" - ein ... text-align:right. Diese Anweisung interessiert den Browser (IE) gar nicht. Das Bild steht dann links. Wenn ich in der Datenbank die Anweisung ändere (align="right", funktioniert es. Natürlich wird diese Änderung bei jedem Ändern des Artikel über den Editor wieder rückgängig gemacht.
Kann der Editor (TinyMCE) nicht bei dem align="right" bleiben?
Re: Browser ignorieren text-align - Anordnen von Bildern
Hallo,
da Du nicht näher angibst, ob du vertical-align oder text-align meinst, wird die Änderung jedesmal stattfinden, bdw ignoriert werden.
Text-align ist jedoch auf Block- und Level Elemente anzuwenden.
Vertical-align beeinflußt lediglich die vertikale Positionierung von Inline Elementen innerhalb von Textzeilen oder Tabellenzeilen.
Versuch bitte Dich für die Positionierung der Bilder innerhalb des Artikels mit Angaben von position :absolute/relative/fixed und left:Angabe in %, em oder px und top: Angabe in %, em oder px anzufreunden.
Gruß Anja
Re: Browser ignorieren text-align - Anordnen von Bildern
Was nützt das, wenn der Editor die Eingabe umwandelt.
Re: Browser ignorieren text-align - Anordnen von Bildern
Ok,
dann ganz einfach:
kopiere dir die .float_right_artikel ein zweites Mal in die CSS, benenne Sie um und füge Angaben zu top: und right:/left: hinzu.
Verwende diese Class für die Bilder oben rechts im Artikel, dann kannst du unabhängig davon die .float_right_artikel und die .float_left_artikel weiterverwenden.
Gruß Anja
Re: Browser ignorieren text-align - Anordnen von Bildern
Hi,
es gibt schlicht im CSS kein align:right, also macht der tiny Editor da alles richtig 
Was du meinst ist float:right;
Viele Grüße,
Carsten
Re: Browser ignorieren text-align - Anordnen von Bildern
Meiner Meinung nach geht die Antwort an dem eigentlichen Problem vorbei.
Fakt ist: In der html_valid_class.php steht eine Zeile, die ein align=" gnadenlos (ohne Rücksicht auf den Kontext) in ein style="text-align: umwandelt. Für ein p-Tag mag das ja noch richtig sein, beim img-Tag ist das Ergebnis völliger Müll, da es hier style="float: heißen müsste. (Gar nicht witzig ist übrigens, dass auch ein "normaler" Text (also außerhalb von Tags) von Papoo in dieser Art "korrigiert" wird, wenn align=" irgendwo steht.)
Meine Lösung: Zeile streichen. Damit habe ich zwar Attribute, die deprecated sind, aber der Text fließt wenigstens um die Bilder. (Vielleicht kann ja in zukünftigen Versionen ein kontext-sensitives Ersetzen von align erfolgen...)
Re: Browser ignorieren text-align - Anordnen von Bildern
Hallo Jojobs,
wenn du Text um Bilder fliesen lassen willst, dann musst du den Bildern ein "float: left/right;" mit auf den Weg geben. Am Besten definierts du dir dafür eine eigene CSS-Klasse und "veröffentlichst" diese Klasse dann durch einen "Prototyp"-Eintrag in der Datei _index.css. Was damit genau gemeint ist, siehst du sicher leicht an den dort bereits eingetragenen Klassen .artikelbox_right/_left.
So "veröffentlichte" Klassen kannst du dann z.B. im TinyMCE sehr einfach verwenden. Bei Bildern kannst du dem Bild unter dem Reiter "Erscheinung (??)" die entsprechende Klasse mit auf den Weg geben.
Sie müssen sich anmelden, um einen Beitrag schreiben zu können.