Einträge mit dem Tag ‘CSS’

Today, I learned something new about CSS: You cannot use :before inline. Come to think of it, that should have been clear. After all, inline styles are valid for exactly one element -- namely the element with the style option. But since :before is a pseudo-element, it does not have an HTML tag, so you cannot define an inline style for it.

I had tried something like this:

<div style=":before {content: url(xyz.png)}" >Text</div>

This is, of course, rubbish. Inline-styles lack elements as well as curly braces. I have solved the problem at hand slightly differently, though, so at long last this blog has category icons.

Kein Kommentardeutsch

Heute habe ich mich von der besten Eule der Welt mit Süßig- und Zärtlichkeiten verwöhnen lassen und außerdem ein bißchen an meinem Theme geschraubt. Immerhin sind jetzt zwei Punkte aus meiner Bugliste abgearbeitet: Zum einen steht der letzte Blogeintrag der Seite jetzt nicht mehr über die Fußzeile hinaus; zum anderen sind die einzelnen Einträge in den Archiv-Ansichten (nach Datum, Tag oder Kategorie) nicht mehr wild durcheinandergewürfelt.

Dabei habe ich auch gleich ein paar Sachen gelernt, zum Beispiel welche Dateien WordPress benutzt, um die Archiv-Ansicht darzustellen; oder auch, daß eine floating box, die man per position: relative nach unten verschiebt, die umschließende Box nicht vergrößert, sondern lustig nach unten herausragt. Ich habe keine Ahnung, ob das ein Problem meines Browsers ist (dann besteht es aber in Safari/Webkit und Camino/Gecko), oder ob das tatsächlich so gedacht ist. Ich habe es dann so gelöst, daß ich die verschobene Box per margin entsprechend der Verschiebung vergrößert habe:


#meinebox {
float: left;
position: relative;
top: 200px;
margin-bottom: 200px;
}

Kein Kommentar