Css

position:relative

I started this morning learning something I should have known for ages. I have been coding HTML for well over a decade, and CSS for nearly a decade. I have even taught HTML and CSS both at the University of Bergen and for student groups at Bergen University College.

Of course, that’s no guarantee of how much I actually know about the subject, but I think I have a pretty good knowledge of HTML and CSS. Even then, how position:relative actually works has managed to slip completely under my radar. I find this rather embarrassing, but I write about it here, because if I haven’t managed to get this before now, there is probably several other webdevelopers that also don’t know this (I hope).

The functionality of position:relative is not complicated, it’s actually very simple, you just have to know this.

Merkelapper

De observante der ute (og som ikke bare leser bloggen min fra rss-leseren sin) kan ha oppdaget at merkelappene på bloggpostene har fått et nytt utseende. Det begynte egentlig med at jeg så på en post jeg hadde skrevet og tenkte “Hm, de taggene der ser ikke ut som om de egentlig hører hjemme der”. Videre tenkte jeg, hva skal jeg gjøre for å få dem mer inn i det visuelle uttrykket på bloggen.

CSS foredrag

Foilsett med notater til CSS-foredraget avholdt for Bergen Teknikersamfund 2. Februar 2009 er tilgjengelig her. Jeg glemte å nevne hvordan en faktisk kobler sammen stilarket og html-dokumentet. En kan enten putte stilarket i head-delen av HTML-dokumentet, inni en blokk. For eksempel: <style type=“text/css”> a { text-decoration:none; color:#FF0000; } </style> Eller, dere kan (helst) ha stilarket i en fil, da refererer dere til stilarket med en tag som denne: <link rel=”

HTML foredrag

Understanding CSS positioning

More hot widgets

Hot widgets

Kevin Gerich have posted a custom stylesheet for content in Mozilla firefox (known as chrome/userContent.css. It looks really neat, its made for MacOSX (those spoiled mac-users) but works on Linux too. I have not tested it on Windows. There is one thing wrong with it when you uses it on Linux, the focus rings is in black and are annoyingly bold. I will maybe create a modified version of it where this is fixed.

Mozilla CSS bug

For nerdene blandt oss