Hallo und erstmal nachträglich noch einen schönen ersten Advent!

Damit die Vorweihnachtszeit nicht zu langweilig wird, habe ich mir gedacht ich biete euch einen kleinen Adventskalender in Form von 24 Artikeln an. Das heißt, euch erwartet ab heute jeden Tag ein Beitrag zum Thema: Selten benutzte CSS Properties.

Dabei lernt ihr nützliche CSS Properties kennen, von denen ihr bisher vielleicht nicht einmal wusstet, dass es sie gibt. Den Anfang macht heute Box-Sizing.

weiterlesen »

Wie schreibt man guten CSS-Code, den man auch in ein paar Jahren noch verstehen kann?

Viele werden es kennen: Man bekommt eine Seite vorgesetzt und soll Layoutänderungen daran vornehmen – “Am besten nur über CSS!”, eigentlich wäre das kein Problem, nur sieht man in den seltensten Fällen durch das Wirrwarr, das der Vorgänger hinterlassen hat hindurch. Da stehen ein Paar komische Klassen hier und seltsame Selektoren da.. keine Kommentare – alles scheint irgendwie durcheinander zu sein. Manchmal blickt man aber auch nach einer Weile selbst nicht mehr durch seinen eigenen Code.

Das muss nicht sein. Geht mit gutem Beispiel voran und lernt, wie man besseren, sauberen CSS-Code verfasst, der noch dazu in allen Browsern zu einem nahezu identischen Ergebnis führt.

weiterlesen »

Wenn mal wieder irgendwas im IE6 nicht geht..

Kann IE6 das?

dann sucht man meistens den Fehler bei sich selbst – ist mein XHTML invalide, hab ich Fehler im CSS? Meistens. Manchmal hat man es aber auch mit einem strunzdummen Browser zu tun. So zum Beispiel diese Woche, als auf Arbeit ein kleines Problem auftrat. Hier mal eine Beschreibung der Situation: gefordert war ein Newsticker, der seine Einträge automatisch durchscrollen lässt. Bei den Einträgen handelte es sich um große Hintergrundbilder mit einer darübergelegten halbtransparenten Textbox, in der wiederum ein Link stehen sollte (zur Weiterleitung auf den eigentlichen Newseintrag).

weiterlesen »

Hi-de-ho

Diese Woche hatte ich auf Arbeit ein ungewöhnliches Problem, mit dem ich an die Grenzen von CSS gestoßen bin. Ich bekam die Aufgabe einige Screendesigns umzusetzen, an sich nichts Ungewöhnliches, allerdings gab es einige Bedingungen bezüglich der Sidebar: ein Widget – also eine Box innerhalb der Sidebar – sollte sich immer am unteren Rand der Sidebar aufhalten, wobei Sidebar und Content immer gleich hoch sein sollten, je nachdem, welches der beiden höher ist.

weiterlesen »

Hallo

Kaloeffel möchte gern, dass ich für ihn ein Problem löse und das mach ich auch..

Neue Herausforderung:
Ich möchte dass die Sidebar oben anfängt, also nicht nur neben dem Content sondern auch neben dem Header.
Die Seite soll die ganze breite einnehmen und der Header und Content sollen eine flexible breite haben.
Problem: Wenn z.B. der Header die Eigenschaft “float:left;” bekommt, ist die Größe nicht mehr flexibel sondern nur noch das Minimum.

weiterlesen »

Kurzer Einblick in CSS3

CSS3 Effekte

Hallo Leute, dieser Artikel wird ein kleines Tutorial darüber, wie man schon jetzt einige der neuen CSS3 Features in modernen Browsern nutzen kann.

Als Versuchsobjekt wird uns ein Link in Form eines Buttons dienen.

weiterlesen »

Veränderte CSS bei Flora

Neue CSS!

Da ich nun den IE6 Support eingestellt habe und ich dennoch nicht recht mit dem zerschossenen Layout leben wollte, hab ich mal eben noch die CSS Datei etwas optimiert und siehe da: sieht alles gut aus, auch im alten Drecksbrowser. Die einzigen Darstellungsfehler sind jetzt noch die PNG Grafiken. Die werde ich aber nicht austauschen. Im Gegenteil, die 3 kleinen Icons unter der Artikelüberschrift sind jetzt PNG Dateien und haben einen angenehmeren Farbverlauf.

Außerdem hat die CSS Datei jetzt eine Versionierung in Form eines Timestamps bekommen, sodass sie bei jedem neugeladen werden muss, sollte ich etwas daran verändert haben.