Position einer Tabelle und Formular

LDoric · Post by **LDoric** » Sat Sep 22, 2012 11:16 pm

Hallo,

kann mir jemand kurz erklären wieso meine erstellte Tabelle in meinem Eintrag erst extrem weit unten im Eintrag erscheint? Wie kann ich der Tabelle "sagen" das sie oben bündig sein soll?
Ich sollte Tabellen zwecks "Abstimmungen" immer wieder im Einsatz haben.
Habe jetzt eine Tabelle "manuell" erstellt, will der Nutzer nun seine Stimme abgeben muß er über
"Eintrag bearbeiten" sein "Kreuz" oder "Ja" eingeben.
Gibt es da eine elegantere Lösung, so etwas wie einen Formulareditor? Mit interaktive Feldern?

Bin für jeden Tipp dankbar.

LG

kleinerChemiker · Post by **kleinerChemiker** » Sun Sep 23, 2012 9:13 am

Leider ist meine Glaskugel gerade in Reparatur, aber wenn du einen Link zu deiner Seite angibts, könnte man sich das Problem sogar ansehen.

LDoric · Post by **LDoric** » Mon Sep 24, 2012 2:34 pm

: screenshot_1.jpg (85.55 KiB) Viewed 8812 times

Sorry, aber das ist ein privater Blog.
Aber ich mache eingtlich nichts weltbewegendes.
Ich füge einem neuen Eintrag einfach eine Tabelle hinzu.
Schreibe was in die Zellen und speichere das Ganze.
Der Beitrag ist dann gefühlte 2000 pixel lang, bzw. die leere weisse Fläche und dann kommt die kleine Tabelle, gaaaanz unten. Als hätte ich einen unsichtbaren Platzhalter.
Also das ist die erste Zeile im "Editorfenster"
<table width="607" height="756" cellspacing="0" cellpadding="0" border="1">

Davor steht nichts. Nichts das auf diesen Platzbedarf hinweist.

Habe ein paar Screenshots aneinandergereiht um das zu verdeutlichen.

Danke

Post by **yellowled** » Mon Sep 24, 2012 2:59 pm

LDoric wrote:Ich füge einem neuen Eintrag einfach eine Tabelle hinzu.
Schreibe was in die Zellen und speichere das Ganze.
Der Beitrag ist dann gefühlte 2000 pixel lang, bzw. die leere weisse Fläche und dann kommt die kleine Tabelle, gaaaanz unten. Als hätte ich einen unsichtbaren Platzhalter.

Naja, zunächst mal hättest Du gerne darauf hinweisen dürfen, dass Du von der Vorschau im Eintragseditor sprichst.

Sieht das denn in veröffentlichten Einträgen genauso aus oder nur in der Vorschau im Backend? Falls ja: Kann man die veröffentlichten Einträge denn wenigstens live sehen oder ist das eins von diesen geheimen Blogs?

Das ist natürlich jetzt extrem schlecht zu debuggen – erstens sieht man auf Deinem Screenshot nicht die Welt, zweitens wäre eine Quelltext-Ansicht hier viel hilfreicher, aber nur sehr schwierig zu bekommen. Die Frage ist, ob Du tatsächlich so einen unsichtbaren Platzhalter hast (was sein kann) oder ob möglicherweise einfach die Vorschau-Funktion Deines (Blog-)Theme karpott ist.

Welches Theme verwendest Du denn? Tritt dieser Effekt auch auf, wenn Du mal vorübergehend auf ein anderes Theme wechselst? (Dabei eventuell ein paar mal neu laden und ggf. den Inhalt des Ordners templates_c löschen, aber nicht den Ordner selbst.)

YL

Timbalu · Post by **Timbalu** » Mon Sep 24, 2012 3:10 pm

Welches Theme benutzt du?

1. Du arbeitest anscheinend mit einem WYSIWYG Editor.
2. Du willst einen Preview eines neuen Eintrages sehen.

Zu 1 kann man kaum etwas sagen, da uns nötige informationen fehlen. Der Xingha, oder was es auch immer ist, hat eine Quellcodeanzeige. Darin würde man schon einmal ein paar Informationen finden, wie sich die Tabelle verhält. Vergleiche den darin enthaltenen Quelltext mit der Quelltextanzeige des Browsers im Preview Modus. Stimmen sie überein?
Hast du eventuell beim Schreiben der Tabelle einzelne Teile mit "Enter" (neue Zeile) bestätigt?
Was sagt deine Theme (Template) CSS Angaben zu diesem Text?
Installiere dir Firebug im Firefox oder schaue im Chrome "Manager" per F12, wie sich die Stylesheets zur Tabelle verhalten.

Ist das nl2br event Plugin eingeschaltet und im Standardmodus?

Probiere zuerst einmal ein paar CSS Angaben hinzuzufügen. Gib der Table eine eindeutige ID und eine Klasse zum stylen. zb id="meineNeueTabelle" class="mytable" und zum testen ein zusätzliches style="top: 0; margin: 0; display:table; border-collapse:collapse;" zum herumspielen etc.

Oops da war der yellowman schneller...

LDoric · Post by **LDoric** » Mon Sep 24, 2012 3:22 pm

Hallo zusammen,

sorry, ich versteh nur Bahnhof

. Habe überhaupt keine HTML oder CSS Erfahrungen

Hab mal den Inhalt der Tabelle "neutralisiert":
Das ist der HTML-Code der zu sehen ist, wenn ich im Editorfenster auf HTML schalte:

<table width="607" height="756" cellspacing="0" cellpadding="0" border="1">
<tbody>
<tr>
<td align="left" style="width: 25%;">test </td>
<td align="center" style="width: 25%;"> JA</td>
<td align="center" style="width: 25%;"> NEIN </td>
<td align="center" style="width: 25%;"> VIELLEICHT </td>
</tr>
<tr>
<td style="width: 25%;"> </td>
<td style="width: 25%;"> </td>
<td style="width: 25%;"> </td>
<td style="width: 25%;"> </td>
</tr>
<tr>
<td valign="top">xx</td>
<td valign="top"> </td>
<td valign="top"> </td>
<td valign="top"> </td>
</tr>
<tr>
<td valign="top">xxx </td>
<td valign="top"> </td>
<td valign="top"> </td>
<td valign="top"> </td>
</tr>
<tr>
<td valign="top">xxx </td>
<td valign="top"> </td>
<td valign="top"> </td>
<td valign="top"> </td>
</tr>
<tr>
<td valign="top">xx </td>
<td valign="top"> </td>
<td valign="top"> </td>
<td valign="top"> </td>
</tr>
<tr>
<td valign="top">xx </td>
<td valign="top"> </td>
<td valign="top"> </td>
<td valign="top"> </td>
</tr>
<tr>
<td valign="top">xx </td>
<td valign="top"> </td>
<td valign="top"> </td>
<td valign="top"> </td>
</tr>
<tr>
<td valign="top">xx </td>
<td valign="top"> </td>
<td valign="top"> </td>
<td valign="top"> </td>
</tr>
<tr>
<td valign="top">xx </td>
<td valign="top"> </td>
<td valign="top"> </td>
<td valign="top"> </td>
</tr>
<tr>
<td valign="top">xx </td>
<td valign="top"> </td>
<td valign="top"> </td>
<td valign="top"> </td>
</tr>
<tr>
<td valign="top">xx </td>
<td valign="top"> </td>
<td valign="top"> </td>
<td valign="top"> </td>
</tr>
<tr>
<td valign="top">xx </td>
<td valign="top"> </td>
<td valign="top"> </td>
<td valign="top"> </td>
</tr>
<tr>
<td valign="top">xx </td>
<td valign="top"> </td>
<td valign="top"> </td>
<td valign="top"> </td>
</tr>
<tr>
<td valign="top">xx </td>
<td valign="top"> </td>
<td valign="top"> </td>
<td valign="top"> </td>
</tr>
<tr>
<td valign="top">xx </td>
<td valign="top"> </td>
<td valign="top"> </td>
<td valign="top"> </td>
</tr>
<tr>
<td valign="top">xx </td>
<td valign="top"> </td>
<td valign="top"> </td>
<td valign="top"> </td>
</tr>
<tr>
<td valign="top">xx </td>
<td valign="top"> </td>
<td valign="top"> </td>
<td valign="top"> </td>
</tr>
<tr>
<td valign="top">xx </td>
<td valign="top"> </td>
<td valign="top"> </td>
<td valign="top"> </td>
</tr>
<tr>
<td valign="top">xx </td>
<td valign="top"> </td>
<td valign="top"> </td>
<td valign="top"> </td>
</tr>
<tr>
<td valign="top">xx </td>
<td valign="top"> </td>
<td valign="top"> </td>
<td valign="top"> </td>
</tr>
<tr>
<td valign="top">xx </td>
<td valign="top"> </td>
<td valign="top"> </td>
<td valign="top"> </td>
</tr>
<tr>
<td valign="top">xx </td>
<td valign="top"> </td>
<td valign="top"> </td>
<td valign="top"> </td>
</tr>
<tr>
<td valign="top">xx </td>
<td valign="top"> </td>
<td valign="top"> </td>
<td valign="top"> </td>
</tr>
<tr>
<td valign="top">xx </td>
<td valign="top"> </td>
<td valign="top"> </td>
<td valign="top"> </td>
</tr>
<tr>
<td valign="top">xx </td>
<td valign="top"> </td>
<td valign="top"> </td>
<td valign="top"> </td>
</tr>
<tr>
<td valign="top">xx </td>
<td valign="top"> </td>
<td valign="top"> </td>
<td valign="top"> </td>
</tr>
</tbody>
</table>

_____________

Als Template verwende ich das Standard-Template das nach der Serendipity Installation angezeigt wird. Beschäftige mich erst sein ein paar Tagen mit dem Thema - Blog.

Post by **yellowled** » Mon Sep 24, 2012 3:28 pm

Anders gefragt: Passiert dieser Verschiebung nur bei Tabellen oder auch, wenn Du z.B. Fließtext in einem Eintrag hast? Sieht das nur im Eintragseditor so aus oder dann auch im veröffentlichten Eintrag im Blog? Falls ja: Sind diese Einträge öffentlich, können wir uns das Blog ansehen, ohne uns irgendwie registrieren zu müssen oder so?

Zweitens: Du verwendest den sogenannten WYSIWYG-Editor. Schau bitte in Deinen Plugins, ob bei den Ereignis-Plugins links noch das Plugin NL2BR aktiv ist. Falls ja, kannst Du es deaktivieren, indem Du es in die rechte Spalte der Ereignis-Plugins ziehst und dann speicherst. Prüfe bitte, ob das das Problem behebt oder zumindest besser macht.

YL

LDoric · Post by **LDoric** » Mon Sep 24, 2012 3:43 pm

Das passiert nur bei der Tabelle. Auch im veröffentlichen sieht es so aus. Nein sind nicht öffentlich. Es sind 23 Mitglieder ohne dessen Einverständnis lasse ich keinen rein

. das NL2BR Plugin habe ich deaktiviert. Es änder sich nichts.

Timbalu · Post by **Timbalu** » Mon Sep 24, 2012 3:58 pm

LDoric wrote:Das passiert nur bei der Tabelle.

Dann musst du es mit den Stylesheets versuchen.

yellowled wrote:Schau bitte in Deinen Plugins, ob bei den Ereignis-Plugins links noch das Plugin NL2BR aktiv ist. Falls ja, kannst Du es deaktivieren, indem Du es in die rechte Spalte der Ereignis-Plugins ziehst und dann speicherst. Prüfe bitte, ob das das Problem behebt oder zumindest besser macht.

Das ist aber nur testweise wirklich zu empfehlen.... und sollte dann wieder rückgängig gemacht werden!

Hier ein kleiner Text von mir, was es mit dem NL2BR Plugin eigentlich auf sich hat und warum es immer noch standardmäßig aktiv ist.

Vorbemerkung: Dies soll zu keiner weiteren Grundsatzdiskussion führen, Matthias, doch einfach immer nur für dessen Abschaltung "weil igitt" zu plädieren, macht in meinen Augen keinen Sinn, wenn es nicht auf entsprechende Kenntnisse trifft.

Vom falschen, richtigen und sichtbaren Markup

Eine kleine Geschichte des Umbruches

Es gibt die PHP eigene Funktion NL2BR, welche einen (einzigen) Zeilenumbruch (NL = ENTER) in ein (einziges) HTML Zeilenumbruch Element (BR) übersetzt.

Diese Funktion ist Serendipity als Standard-Plugin-Element hinzugefügt, da sonst jeglicher Input in Formfeldern, also Blogeinträge, Kommentare, etc., auf den HTML Ausgabeseiten, solange nicht durch ein getrennt, als EIN-Zeiler erscheinen würde.
Diese (Plugin-)Funktion, die nichts anderes macht als Datenbankeinträge für die folgende Ausgabe zu übersetzen, erzeugt also genau das, was der User mit der ENTER-Taste auch eingibt. Es ist von Natur aus eher eine Zeilen-UMBRUCHs-Funktion und keine ABSATZ-Funktion.

Genau an dieser Stelle beißen sich nun die Verfechter echten Markups fest und sagen dieses Plugin bzw. dessen Funktion gehöre abgeschafft, denn man könne auf andere Weise, durch andere Plugins oder durch eigenes Können, besseres und richtigeres Markup erschaffen. Dies ist wahr! Sollten Sie also immer genau sein wollen, deaktivieren sie sofort das NL2BR Plugin für ihre eigenen Einträge, lernen HTML und vergessen sie den Rest dieser Abhandlung.

Für diejenigen Leser, die sich nun nicht sofort angewidert abgewendet haben, lassen wir dieses nun mal dahingestellt und untersuchen die Ergebnisse dieser Funktion.

Über den Zeilenumbruch als solchen, in einem reinen Text, brauchen wir kein Wort verlieren; Dies ist selbstverständlich!

Aber selbst ein doppelter Zeilenumbruch wird heutzutage von jedem Browser genau so verstanden, wie er gesetzt wurde, als ein Absatz im Textflow. Nur denjenigen, die in den Quellcode schauen, wird auffallen, dass dieser Absatz nicht mit dem (p) Element, sondern mit einfachen Zeilenumbrüchen erschaffen wurde. Semantisch, also wissenschaftlich, ist dies falsch, doch in der Ausgabe spielt dies effektiv keine Rolle, da kein Browser darüber stolpern wird.

Um nun die Verfechter echten Markups zufrieden zu stellen, wurde das Plugin vor einiger Zeit schon optional dahingehend erweitert, statt den BR-Elementen immer P-Elemente auszugeben. Dies ist aber ebenfalls nicht immer problemlos, zB., da es aus jedem einfachen Zeilenumbruch nun einen Absatz mittels (p) macht oder in bereits verschachteltem Markup nicht immer exakt genug arbeitet, um unbedingt empfohlen zu werden.

Nun nutzen manche User von sich aus HTML Tags um ihre Texte selber zu strukturieren. Das beißt sich insofern mit dem NL2BR-Plugin, als das eine übersichtlicher Schreibweise von Tags mittels ENTER natürlich Zeilenumbrüche dort erzeugt, wo sie nicht erwünscht sind und auch oft keinen Sinn haben. Die Ausgabe wird also anders sein als gewünscht (eher Treppenartig oder im Falle von Tabellenmarkup mit einem Rattenschwanz von unsinnigen br Elementen vor der Tabelle, die wie ein großes weißes Blatt wirkt und die Tabelle nach unten verschiebt).

Die Lösung:
1. Wird ein ganzer Text so per HTML-Markup strukturiert, kann man für diesen Blogeintrag das Plugin einzeln deaktivieren, wenn man das Entryproperties Plugin installiert hat.

2. Sollten nur Teile des Eintrags HTML Code besitzen, wie zB. eine Tabelle, kann man mit einer neueren Version des Plugins (>=2.16) diesen Teil mittels eines AUSLASS-Tags (nl) von der Umwandlung befreien und dieser ist in in der kommenden Serendipity 1.7 als mitgelieferter [NoBR]-"BBCode"-Button einfach erreichbar. (Auch die Nutzung des Plugins als NL-zu-P-Wandler bot schon die Möglichkeit eines selbstkonfigurierten Auslass-Tags für diesen Fall!).

3. Gibt man die Tabelle oder HTML Teil-Gerüst ohne Zeilenumbrüche (also sehr unübersichtlich als "Einzeiler") in das Editorfenster ein, so benötigt man natürlich keines der genannten Umgehungsmöglichkeiten.

Und nun nutze jeder dieses Plugin mit seinen Möglichkeiten oder nicht, wir sollten darüber nicht streiten. Denn eine an sich sinnvolle Funktion nur deswegen zu deaktivieren, um, sagen wir mal, die Haus- und Wegeordnung durchzusetzen, ist ein schlechter Ersatz für diejenigen, die einfach nur Texte erstellen und sich deshalb mit der kleinen Abkürzung über die ENTER Taste das Schreiben von zusätzlichem HTML ersparen wollen.

Additional note:
If you have linebreaks in your content which you did not write into and don't want them there, this might be the result of the default event plugin "nl2br", which just adds a " " after each Cursor ENTER-linebreak of your entries content, e.g. in html markup structured entries. This is also easy to avoid, if you know about this behaviour.

PS: Wer die genannte Version schon ausprobieren will, kann sich das Plugin auch einfach via GitHub kopieren und über das Alte drüberinstallieren. Zusätzlich kann eine Kopie der entries.tpl im templates/default/admin Ordner via Github den neuen Button auch in Serendipity 1.6.x Versionen zur Verfügung stellen.

https://github.com/s9y/Serendipity/tree ... vent_nl2br
https://github.com/s9y/Serendipity/blob ... ntries.tpl

Post by **yellowled** » Mon Sep 24, 2012 4:24 pm

Timbalu wrote:
yellowled wrote:Schau bitte in Deinen Plugins, ob bei den Ereignis-Plugins links noch das Plugin NL2BR aktiv ist. Falls ja, kannst Du es deaktivieren, indem Du es in die rechte Spalte der Ereignis-Plugins ziehst und dann speicherst. Prüfe bitte, ob das das Problem behebt oder zumindest besser macht.
Das ist aber nur testweise wirklich zu empfehlen.... und sollte dann wieder rückgängig gemacht werden!

Man könnte es durch Textile oder Markdown … ja, gut, ich hör schon auf.

Deswegen hatte ich ja auch dazu geraten, es nur zu deaktivieren. Also: Aktiviere es bitte wieder, indem Du es zurück nach links ziehst und speicherst.

Öffz. Ja, jetzt wird es echt schwierig, Dir zu irgendetwas zu raten, weil wir uns schlecht in Dein Backend einloggen können. Anderer Denkansatz: Hast Du das mal in einem anderen Browser versucht? Passiert es da auch? Du könntest auch mal versuchen, in der Quelltextansicht aus der <table …>-Zeile nur das width="607" height="756" zu entfernen, aber das ist mehr so ein Schuss ins Blaue.

Anderer Ansatz: Was möchtest Du damit überhaupt genau bewerkstelligen? Vielleicht gibt es eine andere Lösung, die das Problem umgeht. Also: Welchen Zweck hat diese Tabelle überhaupt, was soll das geschehen?

YL

LDoric · Post by **LDoric** » Mon Sep 24, 2012 4:37 pm

"Ich sollte Tabellen zwecks "Abstimmungen" immer wieder im Einsatz haben. "

Darum geht es hauptsächlich. Sowas ähnliches wie ein primitives Doodle oder Morganize.
Hab da auch schon nach etwas "vorgefertigtem" geschaut aber nichts gefunden.

Letztendlich will ich einfach die Namen der Mitglieder untereinander haben, jeder sollte dann die Möglichkeit haben seine Auswahl zu markieren, mit einem Kreuz oder was auch immer. (also meistens gilt es ein JA oder NEIN oder VIELLEICHT anzugeben)

Hej, ich danke Euch für eure Unterstützung bis jetzt. Muß jetzt los, werde heute nicht mehr reinschauen, oder erst heute Nacht.

Danke!!!

Post by **yellowled** » Mon Sep 24, 2012 4:56 pm

LDoric wrote:Sowas ähnliches wie ein primitives Doodle oder Morganize. Hab da auch schon nach etwas "vorgefertigtem" geschaut aber nichts gefunden.

Gibt es (meines Wissens) auch nicht, da das kein typischer Anwendungszweck für ein Blog ist, weshalb es kein fertiges Plugin dafür gibt.

LDoric wrote:Letztendlich will ich einfach die Namen der Mitglieder untereinander haben, jeder sollte dann die Möglichkeit haben seine Auswahl zu markieren, mit einem Kreuz oder was auch immer. (also meistens gilt es ein JA oder NEIN oder VIELLEICHT anzugeben)

Du setzt also eine Liste aller Mitglieder in einen Eintrag und dann geht jedes Mitglied hin und trägt seinen Senf dazu selbst in den Eintrag ein?

Dann würde ich alternativ einfach tatsächlicht eine Liste verwenden und vor diese Liste jeweils die vorgegebenen Antwortmöglichkeiten setzen.

Ansonsten ist die einzige Möglichkeit, den Fehler zu finden, die ich sehe, die, dass Du einem von uns (natürlich nicht öffentlich, sondern per privater Nachricht) Zugang zum Blog gibst, damit wir uns das mal live ansehen können. Mir zumindest fällt keine andere Lösung ein.

YL

Timbalu · Post by **Timbalu** » Mon Sep 24, 2012 6:03 pm

Wenn ich deinen Table in einen Eintrag setze, habe ich das auch. Es liegt am NL2BR Plugin, welches die strukturiert (sprich übersichtlich mit newlines) geschriebene Tabelle quasi bearbeitet. Das der WYSIWYG Editor die Tabelle so anlegt, ist natürlich schön anzusehen, aber eben fatal für die Ausgabe, da Zeilenumbrüche (br) zwischen Tabellenmarkup nichts zu suchen hat. Ein Browser sieht das, rechnet sie heraus und fügt sie oberhalb der Tabelle wieder an.

Lösung, wie schon gesagt:
Installiere dir das entryproperties Event Plugin.

Dann hast im Eintragsformular für neue und alte Entries eine erweiterte Konfiguration.
Suche nach "Formatierungs-PlugIns für diesen Eintrag deaktivieren" und markiere "Textformatierung: NL2BR".
Jetzt müsste die Preview und auch ein Save das ganze so abspeichern, dass es nicht mehr von NL2BR bei der Ausgabe/Anzeige geparst wird. Das gilt dann aber für den ganzen Eintrag!
Sonst siehe Text.

PS. Man kann dem auch entgehen, in dem man die Tabelle ohne irgendwelche Zeilenumbrüche, sprich ENTER, einfügt.
Beispiel:

Code: Select all

<table><tr><td>blah</blah><td>blah</blah><td>blah</blah><td>blah</blah><td>blah</blah><td>blah</blah><td>blah</blah><td>blah</blah></tr></table>

LDoric · Post by **LDoric** » Tue Sep 25, 2012 10:41 am

@ yellowled: was für eine art liste meinst du?

@ Timbalu: ich finde diese "entryproperties Event Plugin" nicht habe hier geschaut: http://spartacus.s9y.org/index.php?mode ... s_event_en

LDoric · Post by **LDoric** » Tue Sep 25, 2012 11:10 am

Was ist den das für ein plugin "serendipity_event_pollbox"? Kann ich damit Umfragen generieren?

Position einer Tabelle und Formular

Position einer Tabelle und Formular

Re: Position einer Tabelle und Formular

Re: Position einer Tabelle und Formular

Re: Position einer Tabelle und Formular

Re: Position einer Tabelle und Formular

Re: Position einer Tabelle und Formular

Re: Position einer Tabelle und Formular

Re: Position einer Tabelle und Formular

Re: Position einer Tabelle und Formular

Re: Position einer Tabelle und Formular

Re: Position einer Tabelle und Formular

Re: Position einer Tabelle und Formular

Re: Position einer Tabelle und Formular

Re: Position einer Tabelle und Formular

Re: Position einer Tabelle und Formular