Trackback Design Probleme und eine Lösung

Trackback Design Probleme und eine Lösung. Pre Tag mit overflow auto.

Letzten Dienstag sah ich voller Freude, dass ich vier Kommentare bei meinem Artikel “update auf WordPress 1.5.2 in Deutsch hatte. Ja ich weiß vier Kommentare sind sicher kein Rekord, aber da ich noch nicht viele habe, freute es mich. Erwartungsvoll klickte auf “4 Kommentare” und sah dabei das:
Trackback crash 1

und auch dieses:
Trackback crash 2

Meine Freude wich blankem Entsetzen und nach der Schrecksekunde begann ich mit der Fehlersuche.
Wilde Spekulationen spekulierten Bionic und ich imForum von wordpress.de.
Lösungsmöglichkeiten fand ich, Erklärungen suche ich noch.

die Analyse

1. Kommentar von mms,
xhtml1-strict
Trackback per Eingabe in das Feld
2. Kommentar von Webjunkies
xhtml1-transitional
Trackback per:Versuche jedes verlinkte Weblog vom Beitrag zu benachrichtigen (verlangsamt das Veröffentlichen).
3. Kommentar von Thomas Schewe aber kein Trackback.
4. Kommentar von Zappelfillip
xhtml1-transitional
Trackback per Eingabe in das Feld.

Spekulation – These

Die Doctypes xhtml1-strict und xhtml1-transitional vertragen sich nicht und daher steckt “mein” xhmtl1 strict den jeweils 1. Satz eines Trackbacks -der per Eingabe in das Feld verschickt wird- in die hmtl tags “pre” und “code”.

das Problem der beiden xhtml tags pre und code

“pre “leitet einen Textabschnitt mit präformatiertem Text ein (pre = preformatted = vorformatiert). “/pre” beendet den Abschnitt. Alles, was dazwischen steht, wird so angezeigt, wie es eingegeben wurde, und zwar in dicktengleicher Schrift.
Das “code” Tag wird benutzt , um Computercode darzustellen, es ist ein sogenanntes “inline” Element, das keinen Zeilenumbruch hervorruft, im Gegensatz zum “pre” Element, das ein sogenanntes “Blockelement” ist.

Da die Trackback xhtml tags in der Reihenfolge “pre” “code” auf meinem Blog landen -ohne dass ich derzeit Einfluss darauf habe – muss ich eine Möglichkeit finden, den nicht vorhandenen Zeilenumbruch des “code” tags aufzufangen.

meine Lösungen

code,pre{
	font-size:1em;
	width:430px;
	overflow:scroll;
	line-height:2.8em;
}

Die Weite ergibt sich aus der Breite meiner Kommentarfelder, mit der Angabe line-height gebe ich dem Ganzen eine halbwegs gut lesbare Höhe und overflow scroll erzeugt einen horizontalen und vertikalen Scrollbalken, der es ermöglicht den Text zu lesen. Das ganze sieht dann so aus:
overflow scroll mit line-height

code,pre{
	font-size:1em;
	width:430px;
	overflow:hidden;
	line-height:2.8em;
}

Scrollbalken sind nicht gerade das A und O des Design. Overflow hidden schneidet den Text, der über die Breite von 430px hinaus geht einfach ab. Zu sehen auf diesem Bild:
overflow hidden

Ich habe bei zwei Designs [Sir Elgar und Nightfall] overflow scroll genutzt und bei einem overflow hidden [News].
Ich weiß, dass es auch eine Lösung mit PHP gäbe, die nach so und sovielen Zeichen einen Zeilenumbruch erzwingt und somit weder die Scrollbalken noch abgeschnittener Text nötig wäre, doch habe ich noch nicht getestet, ob dies Performance – also Geschwindigkeitseinbußen – mit sich bringt.

Ich bin keine Spezialistin der Funktion des Trackbackens und ich mag nicht so ganz glauben, dass es nur an den DocTypes liegt, daher suche ich weiter danach wieso ein gültiger xhtml tag sich durch Trackbacken in einen anderen wandeln kann.

mts


Basis Know-how CSS
InternetmarketingInternetmarketing Buchempfehlung

Top

7Kommentare zu : Trackback Design Probleme und eine Lösung

7 Kommentare
  1. 1

    Hossa,
    das ist ein sehr guter Ansatz, es per CSS zu Lösen aber so das Wahre ist es leider nicht.
    Hast du evt. dich schon an das englische Supportforum gewandt? Neben den Umwandeln ist ja noch das Problem mit den Umlauten, die werden ja auch nicht richtig dargestellt. Evt. ist es ein Bug, den du gefunden hast :-D

  2. Autor mts von WebDesign-in.de mts
    2

    Bionic
    ja die Umlaute also charset kann ich per CSS nicht ändern.
    Außerdem mag ich vorher noch testen, ob es auch mit unterschiedlichen WordPress Versionen zu tun hat, denn als dies passierte war webdesign-in noch keinem update unterzogen und solange ich diese Tests nicht fertig habe, mag ich auch nicht updaten, weil ich ja sonst nicht mehr dieselbe Situation habe.
    Also ich teste heute Nacht noch ein wenig und gebe meine Ergebnisse sicher bekannt.

    lg
    mts

  3. 3

    Ich werde hier deine Ergebnisse verfolgen und schaue mich mal in den php Dateien von WP um.
    Irgendwie will mir die XML-RPC Datei nicht aus dem Kopf. Die ist schließlich für die Pings und Trackbacks von WP verantwortlich. Irgendwo muss da der Hacken sein, die Frage ist nur wo *g*

  4. Autor mts von WebDesign-in.de mts
    4

    Hi Bionic
    bis jetzt hat sich bei worpress.org noch niemand auf meinen Beitrag gemeldet.

    Gestern Nacht schickte ich noch einige trackbacks zwischen unterschiedlichen DocTypes hin und her.
    Es ist egal, ob alle WP1.5.2 oder 1.5.1.3 sind, die Trackbacks, die direkt in das Eingabefeld:Trackback senden gegeben werden, wandeln html tags um.

    Egal wie ich trackbacke geschieht dies bei gleichen DocTypes nicht.

    es ist immer mehr wahrscheinlich, dass der Fehler in der von Dir angesprochenen Datei liegt, vielleicht habe ich auch falsch gefragt auf wordpress.org.

    ich versuch es noch einmal.

    lg

  5. Autor mts von WebDesign-in.de mts
    5

    Bionic
    auch jetzt nach einigen Tagen einfach keine einzige Antwort auf meine Frage.

    *Schulterzuck* – ich nutze eben mein CSS Work around und wenn ich einmal ganz , ganz viel Zeit habe, widme ich mich dieser Datei. “ähem…. und so ”

    lg ;-)

  6. 6

    Hmpf, das ist schade, dass sich die Leute von WP und deren Supportforum nicht melden.
    Zum Glück hast du einen CSS Workaround gebastelt, auf das man zurückgreifen kann ;-)

  7. 7

    Hi, wir haben eine WP-homepage von unserem Verein und dort im Standard-Theme über die Jahre viele kleine Änderungen gemacht und machen lassen, diese aber nicht dokumentiert, was bis jetzt kein großes Problem war. Da wir jedoch ein etwas moderneres Design wünschen konnten wir nur innerhalb des Default-Themes “rumwursteln” und grafiken austauschen, so dass ein neuer Look entstand aber nach wie vor das alte “Feeling” besteht (siehe diesen Vergleich der beiden Layouts). Wie könnte man einen Themewechsel bei Übernahme aller im Standard-Theme vorgenommenen Änderungen vornehmen? könnte das durch einen Webdesigner mit WP-Erfahrung zu einem Pauschalpreis gemacht werden oder müssen wir uns ein Theme aussuchen, dieses installieren, dann alles versuchen “reinzuwursteln” in der Hoffnung dass es dann auch funktioniert? Grüße, Markus

Deine Meinung
... zum Thema
Name und E-mail sind nötig


WebDesign Angebot

mein Angebot

Ich biete benutzerfreundliches, barrierefreies WebDesign und InternetMarketing, denn was nützt die schönste Homepage, wenn sie keiner findet. Schalk und Support ist inclusive.
Kontakten Sie mich einfach » E-Mail

InternetMarketing Angebot

Mieten Sie meine Kreativität

Ich habe jede Menge Idee und Können, wie man auch ihren Shop, ihre Homepage und ihr Business im Internet bekannt macht.
Kontakten Sie mich einfach » E-Mail

WebDesign Preise

Preise by mts

Professionelles WebDesign ist eine Investition. Billig und günstig sind andere ..ich bin gut und bezahlbar.
Kontakten Sie mich einfach » E-Mail


Achtung: Sie haben JavaScripts und/oder CSS deaktiviert. Sie können diese Inhalte nutzen, einiges an Funktionen steht jedoch nicht zur Verfügung.

Zu den Inhalten springen

« zurück

vor »

  • WebDesign Icon

    WebDesign

    WebDesign ist mehr als Grafik- und Printdesign. WebDesign und Website Marketing sind Geschwister. Rund um WebDesign.
  • WebDesign Tutorials Icon

    WebDesign Tutorial

    Kein WebDesigner fällt vom Himmel. Mal ein Online Shop, mal Community, mal Web 2.0 social Media oder Wiki. Erfahrungen uvm.
  • CSS Icon

    CSS

    Ich habe zig CSS Beispiele, Erkenntnisse irgendwo auf der Festplatte meines PCs und Gehirns. Ich gebe diese gern weiter :-).
  • InternetMarkering Icon

    InternetMarketing

    Wie verkauft man im WWW unter Ausnutzung der SUMAs, der Social Media Dienste. Internet Marketing Praxis uvm..
    und Website Promotion
  • SEO Icon

    SEO

    SEO ist weder Geheimwissen noch 0815 Tätigkeit, - schlicht notwendig für den Erfolg im WWW. Meine Erfahrung mit SEO.
  • Internet Recht Icon

    Internet Recht

    Was tun bei Abmahnungen. Rechtsfallen sind u.a. free Download, Fotos, Marken, Forum, Kommentare. Wo gibt es Hilfe.
  • Schokolade Icon

    ..und außerdem ...

    mein Blog | mein Netzwerk | barrierefreies WebDesign | Usability im WebDesign | Net-Lexikon | WordPress Themes

©  2004 - 2012Professional Webdesign barrierefrei auf WebDesign-in.de, ImpressumImpressum Lizenz||Top