W blogu sposób wyświetlania zawartości elementu pre
jest
definiowany następująco
(cf. white-space):
pre { white-space:pre; font-size: 80%; }
Powyższe to działanie domyślne (ale nie jest domyślne na blogach Google'a). Przykład:
if [ "$START" != "" -a "$STOP" != "" ] ; then PERIOD="-x track,start=$ROK$START,stop=$ROK$STOP" ; elif [ "$START" != "" ] ; then PERIOD="-x track,start=$ROK$START" ; elif [ "$STOP" != "" ] ; then PERIOD="-x track,stop=$ROK$STOP" ; fi
Moim zdaniem najlepsze ustawienie do prezentowania fragmentów kodów: odstępy/znaki końca wiersza nie są nigdy ignorowane...
Wartość nowrap
powoduje że znaki końca wiersza są
ignorowane a wielokrotnie powtórzone
odstępy zamieniane na jeden odstęp:
pre { white-space:nowrap; }
W rezultacie wszystko jest wyświetlane jako jeden wiersz. Przykładowo:
if [ "$START" != "" -a "$STOP" != "" ] ; then PERIOD="-x track,start=$ROK$START,stop=$ROK$STOP" ; elif [ "$START" != "" ] ; then PERIOD="-x track,start=$ROK$START" ; elif [ "$STOP" != "" ] ; then PERIOD="-x track,stop=$ROK$STOP" ; fi
Wartość pre-wrap
niczego nie ignoruje ale ,,zawija'' tekst
jeżeli okno jest za małe (zmniejsz
szerokość okna jeżeli tego nie widać):
if [ "$START" != "" -a "$STOP" != "" ] ; then PERIOD="-x track,start=$ROK$START,stop=$ROK$STOP" ; elif [ "$START" != "" ] ; then PERIOD="-x track,start=$ROK$START" ; elif [ "$STOP" != "" ] ; then PERIOD="-x track,stop=$ROK$STOP" ; fi
Podobnie
działa pre-line
(nie widzę różnicy
pomiędzy pre-line
a pre-wrap
):
if [ "$START" != "" -a "$STOP" != "" ] ; then PERIOD="-x track,start=$ROK$START,stop=$ROK$STOP" ; elif [ "$START" != "" ] ; then PERIOD="-x track,start=$ROK$START" ; elif [ "$STOP" != "" ] ; then PERIOD="-x track,stop=$ROK$STOP" ; fi
Oczywiście użytkownicy Internet Explorera mogą się spodziewać, że będzie inaczej niż wyżej opisane. Ale, parafrazując D.E. Knutha w/s problemów z TeXowym poleceniem \halign odpowiadam: ,,If you have been so devious as to use stuff from MS, you will understand it, and you will deserve no sympathy.''
Poniższe nastawy powodują złożenie fragmentu tekstu odpowiednio w superskrypcie i subskrypcie.
.superscript{font-size:xx-small; vertical-align:top;} .subscript{font-size:xx-small; vertical-align:bottom;}
Nowe odnośniki do innych blogów, umieszczone po lewej stronie (w wersji ,,statycznej'' bloga
umieszczone
są w pliku index.html
),
zawarte wewnątrz <span>
, np:
<span class='new_blog_entry'><a href="http://norman.walsh.name/">N. Walsh</a></span> |
mają być wyświetlane krojem pochyłym (kursywą) oraz po linku ma być umieszczany
w superskrypcie
napis [new]
(tak to sobie wymyśliłem). Do osiągnięcia powyższego
służy następujący fragment arkusza CSS:
.new_blog_entry { font-style: italic } .new_blog_entry:after { content : "[new]" ; font-size:xx-small; vertical-align:top; }
Dopisane 26 listopada 2008: Nie jest chyba specjalnym zaskoczeniem, że w przeglądarce IE f-m MS (wersja 7) powyższe nie działa. Żałosne...
Dokumenty z http://pinkaccordions.homelinux.org/wblog
nie
wyświetlają się poprawnie w IE 6. Czy się wyświetlają w nowszych
Eksplorerach to nie wiem -- nie sprawdzałem. Nawet chciałem dziś coś
w tej sprawie dłubnąć ale nic z tego nie wyszło. Ostatecznie
poprzestałem na dodaniu uwagi w nagłówku, że w MSIE nie działa.
W sumie używanie dziś MSIE to dziwactwo, bo czemu nie korzystać
z czegoś co jest lepsze skoro to nic nie kosztuje?
Dopisane 17 września 2008: Ponieważ arkusz CSS działał z przeglądarkami FF/Opera a z MSIE nie, więc uważałem że problem jest -- jak prawie zawsze -- z systemem specjalnej troski. Tak to już jest, że jak ktoś notorycznie coś psuje, no to podświadomie się zakłada, że ów ktoś ma zawsze popsute. [Pamiętam zwłaszcza w tym kontekście hasełko reklamowe MS Polska sprzed paru lat: kto pomyśli -- my pomyślimy. Na wydruku brak było tzw. polskich liter: kto pomyli -- my pomylimy. Brawo dla tych panów za szczerość:-]
Jednak w wolnej chwili sprawdziłem,
i się okazało, że strona nie wyświetla się prawidłowo
w IE7 też, co by mogło znaczyć że być może mój arkusz na 100% nie jest
poprawny. Przyznam się przy okazji bez bicia,
że nie znam/nie używam ,,zaawansowanych'' właściwości CSS --
arkusz skopiowałem kiedyś z pewnej strony i wydawało się że działa.
Teraz po krótkich konsultacjach
dodałem left
do właściwości lewej/prawej kolumny.
Teraz działa lepiej, a przynajmniej działa w IE7.
BTW arkusz, o którym mowa jest tutaj:
2cols.css.
Pro memoria spisałem swoje męki związane z zainstalowaniem
i skonfigurowaniem skryptu blosxom
. Głównie myślałem
o sobie, ale może komuś też się przyda. Tekst jest
tutaj.