Peruns Weblog - Webwork und Internet


Ist das private Weblog von Vladimir Simovic mit Berichten zum Thema WordPress, Webwork, und Internet. Ich wohne in Köln und arbeite als freier Webworker, Blogger und Autor.



Im Fokus

Weitere Projekte von uns: Webwork-Tools und WordPress-Buch.de.

Die dreiteilige Artikelserie: WordPress-Themes verstehen (Teil 2 und Teil 3).

Meine Bücher zum Thema CSS, WordPress und Geld verdienen im Web.

20 CSS-Tricks

Von Perun am 08. September 2005 um 19:09

Die 10 CSS-Tricks hatten wir schon mal. Nun gibt es weitere 10 CSS-Tricks, die man sich merken sollte.

Browser und die Druckausgabe

Von Perun am 30. August 2005 um 20:20

Bei der Erstellung von Druckstylesheets sollte man schauen, daß man nicht die Eigenschaft float anwendet, denn die Mozilla-Browser verschlucken sich dabei, guckst du hier. Aber auch der allseits beliebte Internet Explorer hat so seine Macken diesbezüglich. Benutzt man im Quelltext id="tags", dann bricht der IE den Druck genau bei dieser Zeile. Weitere Infos gibt es hier.

Speisekarte mit CSS

Von Perun am 13. Juli 2005 um 09:51

Unter der Überschrift How to style a restaurant menu with CSS gibt es auf Web-graphics eine Anleitung wie man eine Speisekarte für ein italienisches Restaurant machen könnte. An sich nichts spektakuläres, es wurden Definitionslisten eingesetzt wobei einige der Listenelemente floaten.

Aber etwas an dem Beispiel hat mein Interesse geweckt. Denn der Autor stellt sich die Frage ob es möglich sei, daß man ohne den Einsatz von zusätzlichen HTML-Elementen und sogar ohne des Einsatzes von clear in der CSS-Datei ein vorheriges floatendes Element zu "clearen" (das floaten aufzuheben):

So we have learned how to contain floats without extra markup, even without using the clear property. My challenge was: is it possible to clear the influence of a previous floated element without using clear itself?

The answer is yes, we can. The following CSS rule:

div.whatever{clear: both;}

is equivalent to the following:

div.whatever{float: left; width: 100%;}

Hört sich interessant an. Werde es mal bei Gelegenheit austesten.

Aktuellen Link mit CSS hervorheben

Von Perun am 23. November 2004 um 11:02

Geordnete und ungeordnete Listen sind mittlerweile sehr beliebt geworden um eine Navigation zu realisieren. Dies ist (meistens) semantisch richtig und mittels CSS bieten sich vielfältige Getsaltungsmöglichkeiten. Siehe dazu: Navigationsmenüs mit Listen.

Um dem Besucher die Orientierung innerhalb der Website zu erleichtern bietet es sich an, die aktuelle Position innerhalb des Navigationsmenüs hervorzuheben. (» Weiterlesen…)

10 CSS-Tricks

Von Perun am 05. September 2004 um 06:34

Auf Evolt.org ist vor einigen Tagen ein Artikel mit dem Namen "Ten CSS tricks you may not know" (Trenton Moss) erschienen. Ich habe es mir erlaubt, es frei zu übersetzen und mit ein paar Links und Kommentaren zu erweitern. (» Weiterlesen…)

Bildergallerie mit Definitionslisten

Von Perun am 16. Januar 2004 um 16:44

Auf Dezwozhre.com wird auf ein Beispiel hingewiesen wie man mit Definitionslisten eine Bildergallerie erstellen kann. Das wäre semantisch gesehen nur richtig, die Bilder und den dazugehörigen Text und/oder Links als Definitionslisten darzustellen. Das Problem dabei ist, dass die Definitionslisten, im Gegensatz zu 'normalen' Listen paarweise daherkommen. Dies erschwert die Formatierung durch CSS. (» Weiterlesen…)


« 1 2 3