Editieren von Text oder Bild in div-container

Dieses Forum enthält Diskussionen zu Bugs in ConPresso 4 und deren Lösungen.
Antworten
Benutzeravatar
baluo
ConPresso-Experte
Beiträge: 607
Registriert: 14.11.2005 12:17
Hat sich bedankt: 216 Mal
Danksagung erhalten: 11 Mal

Editieren von Text oder Bild in div-container

Beitrag von baluo »

Hallo allerseits,

ich bin mal wieder an einem Problem haengen geblieben, das ich frueher schon ab und zu hatte:

Wenn ich ein Bild (oder auch einen Text) in einen div-container (z.b. eine Box) einfuege, kann ich beides im Editor nicht mehr bearbeiten = weder oeffnet sich das Bildbearbeitungsmenue noch kann ich den cursor in den Text setzen: Markiert wird immer das umgebende div.
Aktuell z.B. hier fuer eine Bildanzeige mit Unterschrift: http://cpo.neulandhalle.de/de/index.php?rubric=4.

Es handelt sich den Versuch, solche Bildanzeigen mit der css-Funktion dl/dd/dt zu loesen, aufzurufen durch Redakteure als Snippet ... und ich hatte mich gerade gefreut, es hinbekommen zu haben --- leider zu frueh :roll:

Code: Alles auswählen

<dl class="img-re">
<dt><img src="http://cpo.neulandhalle.de/_editor/.../_images/Logo_ConPresso_Background-transparent200x194.gif"> 
</dt><dd>1. Dieses Bild oben austauschen <br>2. hier Bildunterschrift einsetzen, <br>IN BILDBREITE und mit <br>WEICHEN ZEILENUMBRÜCHEN <br>(Shift & Enter); und <br>3. diesen Text löschen!</dd></dl>
und die dazugehoerige css-formatierung:

Code: Alles auswählen

dl.img-re, dl.img-re,
dl.img-li, dl.img-li
{ border:1px solid #7485c2; font-size:.6em;  line-height:1.1em; }

dl.img-re
{ margin:0 0 0 5px; padding:0;}

dl.img-li
{ margin:0 5px 0 0; padding:0;}
 
dl.img-re dd, 
dl.img-li dd
{ display:block; background-color:#eeeef6; color:inherit; margin:0; padding:0;  }


.img-re
{float:right; margin:3px 0px 10px 10px; padding:0; }
 
.img-li
{ float:left;	margin: 3px 10px 10px 0; padding: 0;}
Aehnliche Probleme habe ich mit Textboxen, die z.B. per css-auswahl in den "Universellen Attributen" einem Textblock zuweise. Danach kann ich den Text im Block nur noch ueber den html-code korrigieren.

Ich nehme an, dass es sich nicht um ein css-Problem handelt, sondern um ein cpo-internes Problem.


Wenn sich das jemand von euch im backend anschauen will, lasse ich euch die zugangsdaten gerne per pm zukommen.

Danke, Gerhard

Nachtrag:
Unter den gegebenen Umstaenden funktioniert eine einzelne Tabelle fuer Bild und Unterschrift, eingebunden per Snippet, besser.
Benutzeravatar
MarkusR
Handbuchversteher
Beiträge: 7362
Registriert: 01.01.1970 01:00
Hat sich bedankt: 111 Mal
Danksagung erhalten: 934 Mal
Kontaktdaten:

Beitrag von MarkusR »

Vielleicht solltest Du noch angeben mit welchen Browsern (inkl. Version) Du es probiert hast, da die HTML-Editierung ja nichts ConPresso-eigenes ist sondern auf den Editierfähigkeiten der jeweiligen Browser basiert.

Ich habe es mit Deinem Code probiert und konnte es unter IE7 nicht nachvollziehen.
(rein von der Optik Deiner Seite her behaupte ich, daß Du den IE7unter gar keinen Umständen benutzt... :mrgreen: )

Außerdem ist in Deinem Beispiel gar kein DIV-Container vorhanden...

Wofür steht eigentlich ".../" in Deinen src-Angaben?
./ und ../ kenne ich, aber .../ ???
Dateianhänge
neulandhalle.jpg
Ciao Markus
ConPresso-Module

Kein Support per PN!!! Für Fragen und Diskussionen ist das Forum da!

Succi recentis officinalis
Hochwertige Kräutersäfte und -Öle
Benutzeravatar
baluo
ConPresso-Experte
Beiträge: 607
Registriert: 14.11.2005 12:17
Hat sich bedankt: 216 Mal
Danksagung erhalten: 11 Mal

Beitrag von baluo »

MarkusR hat geschrieben:Vielleicht solltest Du noch angeben mit welchen Browsern (inkl. Version) Du es probiert hast, da die HTML-Editierung ja nichts ConPresso-eigenes ist sondern auf den Editierfähigkeiten der jeweiligen Browser basiert.
ie6, ff2 kann es bearbeiten, ff3 habe ich noch nicht getestet.

ich fuege mal einen screenshot vom editor-fenster bei und nachfolgend den quellcode dieses elements:

Code: Alles auswählen

<DL class=img-re>
<DT><IMG src="http://cpo.neulandhalle.de/_data/logo.gif">&nbsp; 
<DD>Das ist eine Definitionsliste --- Hier Bildunterschrift einsetzen und diesen text löschen!</DD></DL>
(screenshot3.gif)

ein aehnlicher effekt tritt auch bei einer banalen klassenzuweisung eines absatzes auf (screenshot4.gif):

Code: Alles auswählen

 <P class="box_weiss">&nbsp;&nbsp; hgghh  ... </p>
bei diesem screenshot ist die geriffelte linie zu sehen, die ich mit der maus nur sehr muehsam ausfindig machen kann. erst dann laesst sich der text bearbeiten, und auch nur mit glueck.


Ich habe es mit Deinem Code probiert und konnte es unter IE7 nicht nachvollziehen.
ich habe den ie7 noch nicht installiert, weil ich davon ausging, dass er nun besser an css angepasst ist.

aber
(rein von der Optik Deiner Seite her behaupte ich, daß Du den IE7unter gar keinen Umständen benutzt... :mrgreen: )
... dem scheint wohl nicht so zu sein, und ich schlage mich schon seit gestern mit diesem css-problem herum ... jetzt muss ich wohl doch eine mehr-versionen-installation des ie vornehmen __grrrr__
Außerdem ist in Deinem Beispiel gar kein DIV-Container vorhanden...
korrekt, es ging um eine klassenzuweisung zu einem dl-tag
Wofür steht eigentlich ".../" in Deinen src-Angaben?
typo - ich bin ueberrascht, dass die grafik ueberhaupt angezeigt wurde.

danke, gerhard
Dateianhänge
screenshot4.gif
screenshot3.gif
Benutzeravatar
MarkusR
Handbuchversteher
Beiträge: 7362
Registriert: 01.01.1970 01:00
Hat sich bedankt: 111 Mal
Danksagung erhalten: 934 Mal
Kontaktdaten:

Beitrag von MarkusR »

Ich habe es mit einem IE6 getestet und kann es immer noch nicht nachvollziehen.

Allerdings gehe ich jetzt mal davon aus, daß Du die CSS-Styles komplett auch in den Editor eingebunden hast, da man dort bereits die Tag-untypischen Formatierungen sieht.

Da es sich um floatende Elemente (was für ein Text-Tag eher untypisch ist) handelt geraten die Editoren vermutlich an ihre Grenzen (das kriegt noch nicht mal Dreamweaver korrekt in der WYSIWYG-Ansicht hin).

Im Grunde geht ConPresso ja auch in eine andere Richtung, nämlich durch die manigfaltigen Platzhalter den Anwendern solche Dinge nicht nur zu ersparen sondern sogar vorzuenthalten, weil es einfach nicht zufreidenstellend in den Browsern funktioniert.


Betrachten wir es einfach so: Du hast den Bug in ConPresso gefunden, daß der WYSIWYG-Editor je nach Browser unterschiedlich oder gar nicht funktioniert und könntest jetzt, da es in FF2 ja wohl funktioniert, mit diesem arbeiten (das ist ja das schöne an nicht-kommerziellen Auftritten, daß man da keine wirtschaftlichen Vorgaben hat).

P.S. ich komme übrigens gut damit zurecht, daß ich auf CSS-Styles im Editor verzichte und den Redakteuren sage, daß sie das endgültige Erscheinungsbild erst auf der Webseite sehen...
Ciao Markus
ConPresso-Module

Kein Support per PN!!! Für Fragen und Diskussionen ist das Forum da!

Succi recentis officinalis
Hochwertige Kräutersäfte und -Öle
Benutzeravatar
MarkusR
Handbuchversteher
Beiträge: 7362
Registriert: 01.01.1970 01:00
Hat sich bedankt: 111 Mal
Danksagung erhalten: 934 Mal
Kontaktdaten:

Beitrag von MarkusR »

Es liegt an Deinen floatenden Elementen.

Ich habe gerade mal

Code: Alles auswählen

<dl style="float:right; margin:3px 0px 10px 10px; padding:0; border:1px solid #7485c2; font-size:.6em;  line-height:1.1em;"> 
<dt><img src="http://cpo.neulandhalle.de/_editor/.../_images/Logo_ConPresso_Background-transparent200x194.gif"> 
</dt><dd>1. Dieses Bild oben austauschen <br>2. hier Bildunterschrift einsetzen, <br>IN BILDBREITE und mit <br>WEICHEN ZEILENUMBRÜCHEN <br>(Shift & Enter); und <br>3. diesen Text löschen!</dd></dl>
benutzt und kann damit Dein Problem nachvollziehen.

Es reicht allerdings einfach ein zweiter Klick auf den Text im floatenden Element und schon sitzt die Textmarke an der gewünschten Stelle.

Funktioniert in IE6 und IE7.
Allerdings sollte man wenn man drin ist nur noch über die Tastatur markieren!
Ciao Markus
ConPresso-Module

Kein Support per PN!!! Für Fragen und Diskussionen ist das Forum da!

Succi recentis officinalis
Hochwertige Kräutersäfte und -Öle
Benutzeravatar
MarkusR
Handbuchversteher
Beiträge: 7362
Registriert: 01.01.1970 01:00
Hat sich bedankt: 111 Mal
Danksagung erhalten: 934 Mal
Kontaktdaten:

Beitrag von MarkusR »

typo
Meinst Du damit Typographie?
Ich schätze mal Du wolltest eher Orthographie schreiben, oder?

Oder gibt es typos (also Schriftsätze) bei denen beim Eingeben von zwei Punkten drei Punkte erscheinen?

Ich war übrigens diesbezüglich freudig überrascht über Dein erstes Posting. Leider kommt da das zweite nicht mehr mit...
Ciao Markus
ConPresso-Module

Kein Support per PN!!! Für Fragen und Diskussionen ist das Forum da!

Succi recentis officinalis
Hochwertige Kräutersäfte und -Öle
Benutzeravatar
baluo
ConPresso-Experte
Beiträge: 607
Registriert: 14.11.2005 12:17
Hat sich bedankt: 216 Mal
Danksagung erhalten: 11 Mal

Beitrag von baluo »

MarkusR hat geschrieben:P.S. ich komme übrigens gut damit zurecht, daß ich auf CSS-Styles im Editor verzichte und den Redakteuren sage, daß sie das endgültige Erscheinungsbild erst auf der Webseite sehen...
jaaiin ...
... wuerde ich meinen redakteuren ja auch gerne sagen, aber wie laesst sich sonst so etwas wie ein textrahmen oder eben eine solche bilderausgabe mit unterschrift realisieren (wenn nicht beides mit tabelle, was ja - trotz css-anweisung in diesem beispiel - funktioniert). und dafuer gibt es ja schliesslich auch die editor-option universelle attribute > class-selektor.


zu letzterem uebrigens noch ein problem (bug ?):
wenn ich eine vorherige class-auswahl rueckgaengig machen oder sie durch eine andere option ersetzen will, geht das nur im quelltext; der editor setzt im zweifelsfall zu einem tag eine zweite class-definitionen hinzu ...

gerhard
Benutzeravatar
baluo
ConPresso-Experte
Beiträge: 607
Registriert: 14.11.2005 12:17
Hat sich bedankt: 216 Mal
Danksagung erhalten: 11 Mal

Beitrag von baluo »

MarkusR hat geschrieben:
typo
Tippfehler :wink:
Benutzeravatar
baluo
ConPresso-Experte
Beiträge: 607
Registriert: 14.11.2005 12:17
Hat sich bedankt: 216 Mal
Danksagung erhalten: 11 Mal

Beitrag von baluo »

MarkusR hat geschrieben:Es liegt an Deinen floatenden Elementen.
ja, das hatte ich auch schon vermutet --- aber die bilder-"tabellen" in dem beispiel des artikels obendrueber floaten gleichermassen ... und das ist der zugriff auf bild und text problemlos
Es reicht allerdings einfach ein zweiter Klick auf den Text im floatenden Element und schon sitzt die Textmarke an der gewünschten Stelle.
bei mir nicht, nur - wie gesagt - wenn der schaffierte rahmen erscheint.
Allerdings sollte man wenn man drin ist nur noch über die Tastatur markieren!
ist mir auch aufgefallen, und man verliert sehr leicht den cursor-focus

danke fuer's testen
Benutzeravatar
baluo
ConPresso-Experte
Beiträge: 607
Registriert: 14.11.2005 12:17
Hat sich bedankt: 216 Mal
Danksagung erhalten: 11 Mal

Beitrag von baluo »

MarkusR hat geschrieben:(rein von der Optik Deiner Seite her behaupte ich, daß Du den IE7unter gar keinen Umständen benutzt... :mrgreen: )
Dieses Problem habe - vorerst - mit diesem Loesungsansatz behoben:
http://annevankesteren.nl/2005/01/position-fixed-in-ie
"position:fixed in IE": Although there are workarounds for Internet Explorer 6.0 in standards mode, just use quirks. It is so much easier, especially if you have to cope with Internet Explorer 5.5 (and even 5.0) as well.
Beispiel und Quellcode: http://annevankesteren.nl/test/examples ... fixed.html

Der dazugehoerige css-Abschnitt sieht bei mir so aus:

Code: Alles auswählen

 position:fixed;
 _position:absolute;
 top:10px;
  _top:expression(eval(document.body.scrollTop));
 left:50px;
 margin:0;
 padding:0;  
 width:155px;
allerdings um den Preis, dass dafuer im IE momentan die Mouse-over-Effekte nicht funktionieren.
<update:>Letzteres hing mit dem quirks-modus zusammen, den ich wieder heraus genommen habe. Ausser dem IE6 fixieren jetzt alle Browser die Navigation. Damit kann ich leben ... </update>

Danke, Gerhard


@MarkusR:
Wenn du diesen Thread ins CSS-Forum verschieben willst, sei so frei!
Zuletzt geändert von baluo am 20.06.2008 17:00, insgesamt 1-mal geändert.
Benutzeravatar
MarkusR
Handbuchversteher
Beiträge: 7362
Registriert: 01.01.1970 01:00
Hat sich bedankt: 111 Mal
Danksagung erhalten: 934 Mal
Kontaktdaten:

Beitrag von MarkusR »

wie laesst sich sonst so etwas wie ein textrahmen oder eben eine solche bilderausgabe mit unterschrift realisieren (wenn nicht beides mit tabelle, was ja - trotz css-anweisung in diesem beispiel - funktioniert)
Gibt es irgendein Gesetz, das die Anwendung von funktionierenden Lösungen verbietet? Nimm einfach die Tabellen (die übrigens auch ohne CSS linksbündig formatiert werden können...)

Ansonsten verzichte innerhalb des editors aufs floaten. Alles andere kanst Du ja machen.
Ciao Markus
ConPresso-Module

Kein Support per PN!!! Für Fragen und Diskussionen ist das Forum da!

Succi recentis officinalis
Hochwertige Kräutersäfte und -Öle
Antworten