schman.at

Ich denke was ein CSS Reset ist dürfte mittlerweile jeder kennen, die jenigen denen das nichts sagt kurz mal die Erklärung. Jeder Browser hat ein internes Stylesheet, dieses wird herangezogen um generell eine Formatierung von HTML zu ermöglichen, bei einer eigenen Webseite wird das interne Browser CSS überschrieben, nun ist es allerdings so das zB die Abstände (margin und padding) in verschiedenen Browsern anders sind. Die Folge, die eigene Webseite sieht in jedem Browser anders aus. Soweit die grobe Erklärung.

Webdesigner verwenden nun meistens (wobei das eine subjektive Einschätzung ist) ein sogenanntes reset.css. Bei diesem Stylesheet werden alle Abstände und andere Formatierungen zurückgesetzt, nun kann der Designer fröhlich mit seinem CSS die Seite gestalten. Einer der bekanntesten Resets dürfte das von Eric Meyer sein. Auf der Seite cssresetr.com können nun einige Resets ausprobiert werden.

Ähnliche Beiträge

• TYPOlight und individuelle Layoutbereiche
• Optimierung von Ladezeiten bei TYPOlight
• Little Boxes Band 1 online
• Cheatsheat für HTML5 und CSS3
• Accordion mit Menü

Cool, gerade im Teamblog von Contao gelesen, es gibt im Juli 5 freie Layouts für Contao. Diese sind von verschiedenen Partnern bereitgestellt worden. Lest einfach das Teamblog

Ähnliche Beiträge

• Contao Themes
• TYPOlight/Contao und Medieninhalte
• Neues Buch zu TYPOlight/Contao
• Contao (TYPOlight) 2.9 als Beta verfügbar
• Webseite für Pfarre Bruder Klaus ist online

Es gibt wahrscheinlich zig Möglichkeiten dem IE CSS3 beizubringen. Heute bin ich über eine, mir noch unbekannte, Möglichkeit gestoßen. Hierbei muss eine htc Datei eingebunden werden. Somit unterstützt der IE 6 – 8 folgende drei CSS3 Eigenschaften

• border-radius
• box-shadow
• text-shadow

Eingebunden wird dies mittels behavior: url(ie-css3.htc);

Beispiel

Nehmen wir an ein div soll einen Schatten erhalten somit muss folgendes notiert werden.

.box {
-moz-border-radius: 15px; /* Firefox */
-webkit-border-radius: 15px; /* Safari and Chrome */
border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
-moz-box-shadow: 10px 10px 20px #000; /* Firefox */
-webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */
box-shadow: 10px 10px 20px #000; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}


Das behavior sorgt nun dafür das der IE weiß er soll einen Schatten erzeugen.
Hier gehts zur Projektseite

Ähnliche Beiträge

• TYPOlight und individuelle Layoutbereiche
• Automatisches abspielen von Filmen mit Quicktime unter OSX 10.6
• Empfänger E-Mail Adresse bei Formulargenerator von Typo3 nicht vorhanden
• lästige Apple Mail To Do Ordner im IMAP Account
• Mails zurückrufen in Outlook

Seit kurzem ist die Webseite für die Pfarre Bruder Klaus online. Gemacht habe ich das ganze, wie immer, mit TYPOlight. Die Pflege der Inhalte wird von der Pfarre selbst übernommen.

Ähnliche Beiträge

• TYPOlight und CSS(editor)
• Optimierung von Ladezeiten bei TYPOlight
• TYPOlight und individuelle Layoutbereiche
• Little Boxes Band 1 online
• TYPOlight/Contao und Medieninhalte

In einem meiner letzten Beiträgen habe ich kurz beschrieben wie es möglich ist CSS zu handhaben, bzw. welche Hilfsmittel es gibt. In Anlehnung des Artikels möchte ich hier kurz erläutern wie es auserdem möglich ist CSS per SSH und Symbolischen Link zu bearbeiten.

Unser Server verfügt über kein FTP, diese wurde aus Sicherheitsgründen abgeschalten bzw. gar nicht erst installiert. Auf den Server selbst komme ich nur per SSH. Jetzt ist es aber so, dass ich gerne mein CSS Dinge im Editor erledige (in meinem Fall Coda). Webanwendungen werden in der Regel  mit den Rechten des Apache Users (www-data) angelegt, somit kann ich mich nicht direkt ins htdocs einklinken und die CSS Files bearbeiten. Da bleiben (nur) noch die Symbolischen Links.

Lösung

Der integrierte FTP Client in Coda unterstütz SFTP somit kann ich mich in mein Home Verzeichnis verbinden und kann schreiben, lesen und löschen. Per Symbolischer Link verweise ich auf ein beliebiges Verzeichnis innerhalb von TYPOlight (zb tl_files/css/). Im Seitenlayout gebe ich nun den Pfad zu dieser Datei an und schon kann ich bequem per Coda meine CSS Datei bearbieten. Den Symlink habe ich als www-data angelegt mit den Standard Berechtigungen. Folgende Befehle müssen abgesetzt werden.

su - www-data
ln -s /home/user/style.css /var/www/pfad/zu/tl_fieles/style.css


Ähnliche Beiträge

• Webseite für Pfarre Bruder Klaus ist online
• TYPOlight und CSS(editor)
• Optimierung von Ladezeiten bei TYPOlight
• TYPOlight und individuelle Layoutbereiche
• Little Boxes Band 1 online