Wieder was gelernt: Wer in seinen Beiträgen oder Kommentaren gern mal ein sehr langes Wort verwendet, sieht sich dem unschönen Effekt gegenüber, dass der Browser (der selbstständig keine Silbentrennung vornehmen kann, weil dumm wie Brot) vor diesem Wort meist einen Umbruch erzeugt - je nach Stellung des Wortes in der entsprechenden Zeile. Das lange Wort kommt also in die nächste Zeile, dafür hat die Zeile davor nun einen mehr oder weniger langen, jedenfalls unschönen Leerraum am Zeilenende.

Abhilfe: Man füge editierenderweise an passenden Stellen des Wortes die Zeichenfolge ­ ein. 'shy' ist die Abkürzung für 'soft hyphen', ein 'weicher Trennungsstrich' also, der nur bei Bedarf aktiviert wird. Alle nicht benötigten ­s, die man in das lange Wort eingebaut hat, werden vom Browser ignoriert. Cool!

Beispiel: Wortüberlängen­trennungs­problemlösung

Background Music for subliminal learning while trying this new piece of HTML: The Pointer Sisters 'So Shy'.

Hier 3 Möglichkeiten:

1) Kopieren aus dem Quelltext einer Beispieltabelle.

2) Arbeit mit einem Editor wie XINHA [in den Kommentaren zu 1) beschrieben; muss zuvor installiert werden].

3) Arbeit mit einem Online-Editor wie z.B. hier beschrieben. Das scheint mir die technisch unkomplizierteste Variante zu sein. In den Symbolleisten des Editor-Fensters findet sich ein Symbol 'Tabelle Erstellen' ähnlich wie in WORD:



Es öffnet sich ein Dialogfenster, in dem die gewünschten Eigenschaften der Tabelle angegeben werden können:



Tipp: Breite auf 100% setzen, dann passt sich die Tabellenbreite automatisch dem jeweiligen Blog-Layout an (falls man das so haben will).

Bei Frau Traumzeit gefunden: Ein Link zum 'Colurz Blog'. Dort gibt es jede Menge sehens- und lesenswertes zu "Photoshop, Illustrationen, Kunst, Fotografie, Webdesign, Blogdesign, Tutorials ..."

Wenn man - sagen wir mal - einen Kommentar vorliegen hat, der mit bestimmten Formatierungen (z.B. Schriftgrößen, Kursiven ...) spielt, und man will, auf diesen Kommentar antwortend, einige dieser Formatierungen möglichst genau übernehmen, dann gibt es zwei Möglichkeiten:

(1) Selbst nachstricken. Kann schwierig sein und viel Zeit kosten.

(2) Einfach aus dem Quelltext kopieren. Das geht so: Im Firefox den Menüpunkt ANSICHT-SEITENQUELLTEXT ANZEIGEN, im Internet Explorer den Menüpunkt ANSICHT-QUELLTEXT auswählen.
Im Quelltextfenster kann man mit dem Menüpunkt BEARBEITEN-SUCHEN schnell zum gesuchten Text gelangen und die HTML-'Tags' (die Dinger in spitzen Klammern; eines vor dem formatierten Textbereich, eins als Abschlußzeichen dahinter) kopieren. Dann noch den Text zwischen Start- und End-Tag durch eigenen Text ersetzen. Fertig.

[EDIT:] Im Firefox geht das sogar noch komfortabler: Originaltext markieren, dann mit der rechten Mouse-Taste auf den markierten Bereich klicken. Im erscheinenden sog. 'Kontextmenü' den Punkt AUSWAHL-QUELLTEXT ANZEIGEN wählen. Da ist man dann gleich am richtigen Platze, muss aber die Auswahl evtl. noch mal mit der Maus korrigieren, um das Start-Tag und das End-Tag zu erwischen.

Der Datentransfer zwischen Mouse und Notebook erhöht sich signifikant, sobald man die Mouse auch einsteckt!

Hallo Frau Audrii,

unter uns TechnikerInnen mal wieder ausnahmsweise per Du:

1. Tippe oder kopiere in Deinen Kommentar diesen Code:
   <a href="LINK">TEXT</a>
2. Ersetze LINK durch die Adresse, die Du verlinken willst. Die Anführungszeichen sind erforderlich und bleiben unverändert!
   Wie setzt man diese Adresse ein? Du gehst z.B. auf die Seite, auf die Du verlinken willst, und kopierst dort aus der Adresszeile des Browsers die komplette Adresse (Auf der Startseite von twoday steht da z.B.: http://twoday.net/ ). Willst Du auf einzelne Beiträge von twoday verlinken, erhältst Du die entsprechende Adresse so: Klicke auf die Überschrift des entsprechenden Beitrags, um seine Einzeldarstellung zu bekommen; es ist dann auf der neu geladenen Seite im Browser nur dieser gewünschte Beitrag zu sehen. Jetzt kannst Du aus der Adresszeile die Adresse kopieren und als LINK-Adresse in Deinen Kommentar einfügen.
   
3. Ersetze TEXT durch einen beliebigen Text (kann auch Leerzeichen enthalten). Ein kompletter Link auf die Startseite des Spiegel sieht z.B. so aus:
   <a href="http://spiegel.de">Hier geht es zum SPIEGEL ONLINE></a>
4. Hochladen, fertig.

Komfortabler (für manchen allerdings auch unübersichtlicher) geht das natürlich mit dem hier bereits besprochenen Online-Editor. Die Adresse der Grafik, die man verlinken d.h. einfügen will, erhält man wie in 'Bilder in Kommentaren (1)', Schritte 1-5.

Der Editor hat den Vorteil, dass man z.B. die Größe der Grafik ohne externes Bildbearbeitungsprogramm variieren kann.

Der Editor erzeugt Code, den man in das KOMMENTAR ERSTELLEN-Feld bei twoday einkopieren kann.

Auf Anfrage von Frau Anousch hier eine mögliche einfache Vorgehensweise zum Einfügen von Bildern in Kommentare auf fremden Blogs.

Ausnahmsweise per Du. So unter uns internetaffinen hippen Trendsettern! 2.0, was? Ha-ha-ha! *forciertes Lachen, markige Schulterhiebe*

1. Bringe das Bild in einem externen Foto- bzw. Bildbearbeitungs-Programm auf die gewünschte Größe
   (oder nutze zur Größenanpassung die Einstellmöglichkeiten innerhalb des Bilder-Hochladen-Dialogs im Blog selbst; siehe Schritt 2).
2. Lade das Bild über den 'CONTRIBUTE-BILDER'-Dialog in Dein twoday-Bilderverzeichnis
3. Nach erfolgreichem Hochladen siehst Du es oben in der Gesamtliste Deiner Bilder [Überschrift: 'BILDER AUF (blogname)'].
4. Klicke auf die Miniaturansicht des Bildes, um zu seiner Einzelanzeige zu gelangen [Überschrift: 'BILD ANZEIGEN'].
5. Klicke mit der rechten Maustaste auf das Bild und wähle im dann erscheinenden 'Kontextmenü' die Option 'GRAFIKADRESSE KOPIEREN'. Das ist die Adresse, unter der das Bild jetzt bei twoday öffentlich zugänglich abgespeichert ist, d.h. auf beliebigen Webseiten verlinkt werden kann. Das geht nun so:
6. Tippe oder kopiere in Deinen Kommentar diesen Code:
   <img src="BILDADRESSE">
7. Ersetze BILDADRESSE durch die Grafikadresse, die du in Schritt 5 bereits kopiert hast.
   Mit der Maus geht das so: Das Wort BILDADRESSE durch Doppellinksklick markieren, dann mit der rechten Maustaste auf das markierte Wort klicken und im erscheinenden Kontexmenü 'EINFÜGEN' wählen. Fertig.
   Die Anführungszeichen sind erforderlich und bleiben unverändert!
8. Kommentar speichern und testen.

Auf photozauber.de findet sich jede Menge Schulungsmaterial incl. Video-Tutorials zum Thema Photoshop und Webdesign. Tolles Angebot!

Mehr Harmonie ins Layout! Ein online-Tool zur Berechnung Goldener Schnitte gibt es hier.

(Nicht zu verwechseln mit Silberschnitten)