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.



Die Kategorie "HTML-CSS"

Hier sind alle Beiträge aufgelistet, die in die Kategorie HTML-CSS einsortiert wurden. Die Beschreibung dieser Kategorie lautet:

Berichte zu (X)HTML und CSS

Du hast die Möglichkeit den RSS-Feed speziell nur für diese Kategorie zu abonnieren.

Tabellen verschönern

Von Perun am 02. September 2005 um 12:31

Wer seine Tabellen - wir reden hier von Daten- und nicht von Layout-Tabellen - etwas aufpeppen will, der sollte mal auf dieser Seite vorbeischauen. Entweder man lässt sich von den Beispielen inspirieren oder man lädt sich die Beispiele direkt herunter.

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.

Formulare und Sternchen

Von Perun am 29. August 2005 um 09:29

Khoi Vinh war so nett und hat eine Formular-Vorlage auf seiner Seite zum Download bereitgestellt. Wer also in Eile ist oder keine Lust hat sich mit den Tiefen des Formulardesigns oder ein praktisches Beispiel braucht sollte zugreifen.

Bewertungssysteme die Sternchen-Grafiken nutzen sind vielen von uns bekannt, auf komodomedia.com gibt es ein Tutorial wie man so was mit XHTML & CSS aufbauen kann.

Redesign von ALA

Von Perun am 23. August 2005 um 18:27

Redesign von ALA A List Apart hat wieder ein neues Design und ich muss sagen, das neue Design gefällt viel besser als das alte. Es ist irgendwie viel offener, freundlicher und lädt zum längeren Aufenthalt auf der Seite ein. Es ist schlicht, aber trotzdem schön. Einfach, aber trotzdem edel.

Als ich gelesen habe, daß ALA ein Redesign hinter sich hat, hatte ich befürchtet die Website würde mit den ganzen "neuen" Techniken (Ajax, sfir, fir etc.) überfrachtet werden, aber dies ist zum Glück nicht geschehen und man kann davon ausgehen, daß sich die Macher auch in Zukunft auf das wesentliche konzentrieren werden.

Aber etwas macht mich doch stutzig:

<h1 class="title"><a href="/articles/ala40">A List Apart 4.0</a></h1>
<h3 class="byline">by <a href="/authors/z/zeldman"> Jeffrey Zeldman</a></h3>

Ich dachte immer das nach einer Überschrift erster Ordnung (h1) als nächstes eine Überschrift zweiter Ordnung (h2) kommt und dann eine Überschrifft dritter Ordnung usw. Wenn aber nach einer Überschrift des ersten Grades direkt eine Überschrift dritten oder vierten Grades kommt, dann ist imho die hierarchische Struktur nicht mehr wirklich vorhanden. Oder irre ich mich da?

CSS bei SpOn

Von Perun am 16. August 2005 um 19:30

Dank CSS-Zen-Garden gibt es auf Spiegel-Online einen kurzen Artikel über CSS. Sehr schön fand ich den letzten Absatz:

Die kreativsten Ideen für eine originelle CSS-Umsetzung scheitern allerdings oft genug daran, dass sie nicht von allen Browsern unterstützt werden. Mal ist es der Internet-Explorer, mal Firefox oder Opera, die sich nicht in vollem Umfang standardkonform verhalten und die Web-Designer an den Rand der Verzweiflung bringen.

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.

Spickzettel für Webworker

Von Perun am 28. Mai 2005 um 11:22

Wer kennt das nicht aus der Schulzeit :-) . Tagelang vor einer Klausur hat man an einem Spickzettel gebastelt und versucht so viel Wissen wie möglich auf einem kleinen Zettel unterzubringen. Auch wenn es man es innerhalb der Klausur nicht zum Schummeln verwendet hat, so war dieser Zettel nicht umsonst. Dadurch, daß man sich mit der Materie auseinandergesetzt hat ist zumindest etwas vom Lernstoff hängengeblieben.

Jetzt gibt es für Webworker Spickzettel, welche man ohne Angst und schlechtes Gewissen verwenden darf :-):

Via CSS-Technik-News.


« 1 ... 5 6 7 8 9 ... 13 »