Joomla macht mich wahnsinnig... :-(

[haentschman]

Hallöle...

Ich wollte meinen Content der bestehenden Seite aktualisieren... mittlerweile bin ich bei einer halben Woche.

Mein Editor WYSIWY[nicht]G macht mich wahnsinnig. Es kommt immer was anderes raus was ich "designe". Ob es die Tabellenspalten, die Abstände zwischen den Buttons oder auch die Listenelemente sind nie da wo ich sie haben will.

Beispiel:
Editor: Bild1
was rauskommt: Bild2
...alle Browser habe das gleiche Leiden.

Für jemanden der in seinen Anwendungen auf pixelgenaue Ausrichtung achtet, ist das der Horror schlechthin. Hat jemand eine Idee? Danke.

HINWEIS:
Es geht nicht darum über den Sinn oder Unsinn von JOOMLA zu streiten.

[Daniel]

Ist ein in HTML und Javascript geschriebener WYSIWYG-Editor und die Anforderung an pixelgenaues Ausrichtung nicht schon ein Konflikt in sich?
Ich hatte dies für mich stets so verbucht, dass ein solcher Editor putzig ist, um schnell was umzusetzen, wissentlich, dass man die Kontrolle über das erzeugte HTML weitgehend aufgibt.
Ich lasse mich gern eines besseren belehren, aber ich fürchte, dass man eine browser-übergreifende pixelgenaue Ausrichtung auch weiterhin sehr präzise programmieren bzw. definieren muss.

[haentschman]

Danke Daniel...

Das mit dem Pixelgenau war in diesem Zusammenhang nicht ernst gemeint... Ich hatte erwartet das wenigstens die Tabelle und die Bilder so groß sind wie ich möchte...

Code:

<table style="width: 679px; height: 177px;">
<tbody>
<tr>
<td><img src="http://www.delphipraxis.net/images/stories/dimowa/dBK/dBK_Welcome.png" alt="dBK Welcome" width="150" height="224" /></td>
<td><img src="http://www.delphipraxis.net/images/stories/dimowa/dBK/dBK_Kasse.png" alt="dBK Kasse" width="150" height="224" /></td>
<td><img src="http://www.delphipraxis.net/images/stories/dimowa/dBK/dBK_Artikel.png" alt="dBK Artikel" width="150" height="224" /></td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody>
</table>

...da ist nichts besonderes.

[DeddyH]

Da wird wohl das CSS Deines Templates (welches der Editor wahrscheinlich nicht kennt) dazwischenfunken. Abhilfe würde eine eigene CSS-Klasse schaffen, die Du dann der entsprechenden Tabelle zuweist.

[Valle]

Ach ja, die guten alten Layout-Tabellen...

Ich bin froh dass man heute auch ohne Tabellen und WYSIWYG schnell sauberen HTML-Code schreiben kann. Wenn du so lange an deinem Editor verschwendest, dann nimm dir doch vielleicht lieber die Zeit den Code selbst zu schreiben? In dem Zuge kannst du vielleicht auch gleich Mobiloptimierung Vornehmen.

Edit:/ Wahrscheinlich ein blöder Kommentar, aber ich will's trotzdem erwähnt haben: Die Debug-Konsole deines Browsers kennst du? F12? Damit lässt sich eigentlich immer sehr einfach feststellen welche CSS-Klassen dir dein Layout verändern.

[haentschman]

Danke an Alle...

Ich muß wohl meine Medikamente prüfen... Ich hatte früher einmal eine Erweiterung installiert die mir Thumbnails anzeigt. Die hatte jetzt gemeint, sie müßte alle Bilder auf die fest eingestellte Thumbnailgröße anzeigen...

..da sucht man sich einen Wolf wenn man nicht alles im Kopf hat.

[nahpets]

Meine erste Idee wäre jetzt mal den Quelltext aus dem Editor und den Quelltext, den der Browser tatsächlich geliefert bekommt, zu vergleichen.

Ausgehend von dem Fragment, dass Du uns zur Verfügung gestellt hast, kann man das Problem erstmal nicht erkennen.

Zeig uns doch bitte mal den vollständigen Quelltext.

Gibt es irgendwo 'ne Skalierung, 'ne Prozentangabe für die Darstellung ...

Ausgehend von dem Fragment müsste die Spalte mit   229 Pixel breit sein. Steht da aber nicht, sondern dem Browser bleibt die Freiheit gegeben, die Tabellenspalten nach seinem Gutdünken auf die angegebene Breite von 679 Pixeln zu verteilen. Naja, sie denken sich dann eventuell: "Wenn da noch Platz ist, füllen ich das mit den Bildern auf."

Sagen wir mal so: Nach meinem Dafürhalten lässt Dein Tabellendesign noch viel Freiraum für Interpretationen.

Versuch doch bitte mal die Tabellenspalten mit Höhen- und Breiteninformationen zu versehen, die Deinen Anforderungen entsprechen.

Zitat von http://www.w3schools.com/tags/att_td_width.asp:

Definition and Usage

The width attribute specifies the width of a table cell.

Normally, a cell takes up the space it needs to display the content. The width attribute is used to set a predefined width of a cell.

Und, na klar, die eingebundenen Stylesheets sollte man auch mal dahingehend begutachten, ob sie irgendwelche Regeln für Tabellen-, Spalten-, Bilder- und was-weißt-ich-Höhen-und-Breitenangaben haben.

Wenn ich eine Webseite so haben möchte, wie ich es mir Vorstelle, dann nehme ich den Browser meiner Wahl und 'nen einfachen Texteditor (Notepad oder sowas).

[haentschman]

Danke für deine Zeit.

Der Schuldige war eine Erweiterung die die Bilder auf die eingestellte Größe verringert hat. Jetzt geht es soweit.

Zitat:

Wenn ich eine Webseite so haben möchte, wie ich es mir Vorstelle, dann nehme ich den Browser meiner Wahl und 'nen einfachen Texteditor (Notepad oder sowas).

Früher zu Friedenszeiten habe ich die Seiten mit http://www.phase5.info/ erstellt. Heute habe ich mit meinen Projekten mehr als genug tun. So ein CMS sollte mir eigentlich die Arbeit erleichtern...