Schlagworte: background position in prozent
Code highlighter von "AstonishMe" hat Probleme mit Zeilennummern
Veröffentlicht am: 26.05.2011 @ 13:40:00
Zeilennummern verschoben im Code Syntax Highlighter von AstonishMe
Im "am externer Link, öffnet sich in neuem Tab oder Fenster" code highlighter plugin welches mit der b2evolution Version 4.0.5 mitgeliefert wird, werden die Zeilennummern mit Hilfe eines vertikalen sog. sprite image im background realisiert (Ziffern von 1 - 0 senkrecht übereinander wobei jede Zahl 10px Höhe einnimmt,
(klicken Sie im Firefox-Browser einfach mit der rechten Maustaste auf die Ziffern und dann auf Hintergrundbild anzeigen)).
Die Werte für die background position sind in Prozent angegeben in blog/plugins/code_highlight_plugin/amcode.css.
CSS:
{padding: 0 5px; font-size: 0; width: auto;} | |
{padding-right: 9px; height:10px;} | |
{background-position: 90% 100%;} | |
{background-position: 90% 0%;} | |
{background-position: 90% 11%;} | |
{background-position: 90% 22%;} | |
{background-position: 90% 33%;} | |
{background-position: 90% 44%;} | |
{background-position: 90% 55%;} | |
{background-position: 90% 67%;} | |
{background-position: 90% 78%;} | |
{background-position: 90% 89%;} |
Da die exakte Positionierung des background images um es 10px höherzuschieben, (z.B. um statt der 1 die 2 anzuzeigen) nur mit genauen Prozentangaben in Dezimalzahlen möglich ist
- d.h. hier Kommazahlen die jedoch hier nicht benutzt wurden -
gibt es leichte vertikale Versetzungen der Ziffern wenn eine Zeilennummer mehrstellig wird; speziell in IE aber auch in Firefox und in Webkit- Browsern wie Safari oder Chrome ist dies zu sehen.
Auch wenn wir die Angaben in exaktere Werte umschreiben, nämlich so:
Permalink
XML-Feeds
