Templaterie Blog

Position absolute heißt, ein Element aus dem Fluß nehmen und absolut (= mehr oder minder unabhängig von den restlichen Elementen) davor und danach zu stellen. Elemente hängen mit dieser Stylesheet-Angabe gewöhnlich wie nasse Wäsche an der Leine. Nachfolgende Elemente rutschen unter darüberliegenede Elemente. Das ist eine gewünschte Eigenschaft dieser CSS-Anweisung. Höhenunterschiede liegen wenn überhaupt im 1-Pixelbereich und auch nur bei den nachfolgenden relativ gesetzten Elementen. Nicht so bei absolut gesetzten nachfolgenden Elementen. Das ist eine Eigenschaft des CSS, die — so mein bisheriges Verständnis — im Browser interpretiert wird. Heute habe ich mich von 1und1 eines besseren belehren lassen müssen.

Nicht dass ich nicht immer noch der Überzeugung bin, dass “position: absolute” laut W3C genau so funktioniert und mein CSS in dieser Beziehung (k)einen Fehler (je nach Hoster ) aufweist, doch wurde gestern ein Template nach abgeschlossener Entwicklung auf den 1&1-Server meines Kunden geladen und plötzlich gilt diese Regel nicht mehr. Was zum Henker stellt 1&1 auf seinen Servern an, dass plötzlich zwei absolut übereinenander gelegte HTML-Elemente gegeneinander verschoben sind, Standards ihre Gültigkeit verlieren? Und etwas das im Browser (also beim Client auf dessen lokalen Rechner) interpretiert wird, nun vom Hostingplatz abhängig ist.

Logisch, dass 1&1 das Problem beim Designer sieht und ich meine Zeit und meine 14ct/Min nutzlos verschwendet habe. Ich bin fassungslos und reichlich irritiert! Ich habe dank des zeitnahen Hinweises von Mathias Bank (Co-Producer in diesem Projekt), in diesem Fall für 1&1 exklusiv die Positionsanweisung für das zweite Element herausgenommen. Dies müsste eigentlich zu einem Darstellungsfehler führen … zumindest auf jedem anderen Hosting-Platz und ich bin bespannt, wann dies auch bei 1&1 der Fall sein wird. Ich bin im Moment nur froh, dass ich kaum Kunden bei 1&1 habe, denn es erspart Diskussionen mit meinen Kunden, wenn von heute auf morgen die Darstellung der Website zerschossen ist, weil Designregeln wieder gelten.

Filed under: Design, Webtechniken
1 Comment

Via Stage6 (engl.) und youTube (engl.) wurde ich auf eine Serie von USA Network aufmerksam: “Burn Notice”. Diese Actioncomedy handelt von einem Spion, der mitten im Auftrag von seinen Auftraggebern kaltgestellt wird. Jemand hat ihn angeschwärzt. Mit knapper Not entkommen landet er in Miami. Der rote Faden der Serie handelt davon, dass die Hauptfigur versucht seinen Namen wieder sauber zu bekommen. Die einzelnen Episoden jeweils von einem Auftrag durch Freunde Familie und Hörensagen, bei denen seine Talente als ausgebildeteter Topagent gefragt sind. Via Voiceover wird die Serie mit allerlei guten Ratschlägen, was einen guten Spion ausmacht und wie ein Spion mit Problemen fertig wird.

Die Serie ist ein echter Spass. Spassig sind auch die Tipps des Spions (engl.), wenn es darum geht eine Tischreservierung in einem ausgebuchten Restaurant zu bekommen, eine Beförderung, 24 Stunden wach zu bleiben und andere nüptzliche und unnützliche Dinge.

BTW: manchmal hilft es auf stage6 Suchbegriffe rückwärts zu buchstabieren

Filed under: Kaffeetscherl
No Comments

Eine Gründerin aus Bielefeld hat vom Arbeitsamt für ihr junges Unternehmen eine Website finanziert bekommen. Dabei ist sie an eine Webdesignerin geraten, die mit der Creative Suite von Adobe eine Website zusammengeschustert hat. Mir tut es in der Seele weh, dass es für Pappenheimer ohne Webdesignkenntnisse so einfach ist, unerfahrene Kunden mit Schrott zu beliefern. Das mächtige Werkzeug von Adobe entbindet Anbieter im Bereich Webdesign nicht davon sich die Grundkenntnisse zu erwerben und diese Software so zu bedienen, dass dabei ordentliches Webdesign herauskommt.

Für besseres Webdesign im Netz

Aus gegebenen Anlass hier drei Webdesigner, deren eigene Websites zeigen, dass Sie von Webdesign eine Ahnung haben:

• Design 82
• Maxx IT
• Networker

Wenn Fördermittel des Arbeitsamtes für eine Website vorhanden sind, dann heuert man besser einen guten Webdesigner, so dass die neue Site für einen arbeitet.

Dies ist mein kleiner Beitrag, Gründern in Bielefeld zu helfen, die Fördermittel des Arbeitsamtes sinnvoll einzusetzen und nicht an Pappenheimer zu verschwenden. Die Unternehmen wurden aus einer Mini-Recherche in XING herausgefiltert. Es sind die ersten drei, die ich finden konnte von rund 20 Unternehmen die ich angeklickt habe. Zwischenrein dachte ich schon in Bielefeld gibt es keine guten Webdesigner.

Filed under: Design, Webmarketing
1 Comment

Als der Auftrag eines Redesigns einer Website in meinem Büro aufschlug, war die Seite “Über uns” mit einem Flashelement gestaltet, das einen Grundriss zeigte, das die Mitarbeiter den Büros zuordnet, in dem es Fotos der Mitarbeiter einblendet sobald die Maus über dessen Büro hovert. Das Flashelement nahm die ganze Breite ein, obwohl für diesen Hovereffekt nur die halbe Breite benötigte und der allgemeine Text dieser Seite war innerhalb des Flashelement. Das lässt sich besser lösen. Zugänglicher! Barriereärmer! Mit einer Liste! UND man benötigt kein Javascript. Ein Klick auf das Bild führt zur Demo:

Zunächst hatte ich ein wenig Probleme mit den IE6, da ich “display: none” der Eigenschaft “visibility: hidden” den Vorzug gab. Alles weitere auf der Demoseite.

Filed under: Design, Webtechniken
No Comments

Als ich damals von der Hauptschule in das Aufbaugymnasium wechselte, rutschte mein Notendurchschnitt in fast allen Fächern ab, bis auf eines Mathematik. Was mich in der Grund- und Hauptschule meinen Mathematik-Notendurchschnitt immer wieder drückte war Kopfrechnen. Erst im Gymnasium war das kein Thema mehr. Ich bin bis heute eine schlechte Kopfrechnerin, aber Algebra beschäftigte sich mit Buchstabenlogik. Kenne ich eine Formel, kenne ich alle ihre Abwandlungen und es ist ein leichtes die Formel so umzustellen, dass der gesuchte fehlende Wert ermittelt werden kann. Meine Schulfreundin hat dieses System nie begriffen und behalf sich mit dem Auswendiglernen aller möglichen Varianten, die ich ihr lieferte. Dort wo sie in Sprachen brillierte war ich hilflos verloren und wo ich in Mathematik vorbreschte, war sie es.

Heute wurde ich an diese Tage des gemeinsamen Lernens erinnert. Ein Kunde hatte sich hoffnungslos in der Versionsverwaltung verloren. Er hatte jeweils die gesamte Installation samt Text-Inhalte je Kunde geführt und hatte nun Mühe nachzuvollziehen, wo das alte und wo das neue CMS verwendet wurde. Er nahm automatisch an, dass ich dieselben Probleme hätte. Das Problem taucht bei mir nicht auf, denn sobald ich das CMS, seine Inhalte, Module und Templates sauber getrennt halte, kann ich mit wenigen Handgriffen immer das Updaten, was ein Update benötigt.

Es ist wie Algebra. Es ist das zugrundeliegende System mit seinen Schnittstellen, Strukturen und Ausnahmen, nicht deren Varianten uns Ausprägungen im Gesamten, die mich interessieren und die ich verwalte. Es macht das Leben so viel einfacher.

Filed under: Projektplanung
No Comments

Manchmal benötigt man für Seiten ini einem CMS spezielle Anforderungen, die auf keiner anderen Seite auftauchen. Es macht also keinen Sinn, das Rahmendesign für diese Seite für andere Seiten zur Verfügung zu stellen. In diesen Fällen ist es praktisch wenn man die Templates aus der Anzeige nehmen kann. In Editland erreicht man diese Auswahl des Rahmendesigns entweder bei der Neuanlage einer Seite über die Schaltfläche “neue Seite” oder aber über die Schaltfläche “TPL”. Dort werden alle Rahmenseiten aus dem aktuellen Template-Ordner angezeigt, die die Erweiterungen html, htm oder php haben. Da Editland eine Seite mischt, die dann unter index.php?s=seitenname publiziert wird, ist es für den Browser irrelevant, auf welche Endung das Template lautet und da in Editland das Template mit der vollen Bezeichnung angemeldet, werden muss, darf diese Seite mit dem Rahmendesign auf eine beliebige Erweiterung enden, z.B. spezialtemplate.tpl.

Da die Seite mit dem Rahmendesign nicht mehr das Listenkriterium erfüllt wird es nicht in der Auswahl angezeigt.

Sollten Kunden nun probeweise allerdings das Template wechseln, dann können sie diese Einstellung nicht mehr rückgängig machen. Diese Spezialeinstellung kann derzeit nur über den Text-Editor und ftp erreicht werden. Eine entsprechende Verwaltung im Backend für tpl-Files im Template-Ordner ist in Planung.

Filed under: Tools, Webtechniken
No Comments