blogger template building 3 (ie8 searchqu)

A bit of pain today, booted up internet explorer 8 and found something had insidiously installed the searchqu toolbar so I checked the computer for viruses using avg free and malware bytes anti-malware - searchqu is technically neither malware or a virus, just a nuisance.

Removed searchqu using steps outlined in Malware Removal Instructions.

Checked appearance in internet explorer 8:, it looks awful because Internet explorer doesn't support the background-size: cover CSS3 property:

Replacement images:

Used in this post:

css horizontal (center) aligning using the margin property

css background-position

background-size css

css clear

css font

css background

css text

As well as pages mentioned in css template building 1

<div class="illuminati" style="padding:1em;width:60%;margin-left:auto;margin-right:auto;text-align:left;background-color:#fffaf0;clear:left;margin-top:1em;margin-bottom:1em;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKvcMvqvaGTHQu81ccW-ehAgAB74ysy9XeDJGy3FSw_wo_wFdqDQ2vsXG6fVpOp-dHvbQTMhAijEDJBv3BBPGAc01ndGC8hdgNY2u3K4pd5NLukhyZth4r777x_Qnr0VfiA04_HP4RcFc/s320/meth-lab-lg.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;">

Have also fixed the background-color (to match intended page background) and the alignment of the image in the code ("center") so that it should look better on browsers which don't support background-size property, e.g., internet explorer 8.

This is a lighter, larger decorative link header

<a class="decorative" href="http://www.google.co.uk" style="text-align:left; background-color: #fffaf0; background-position: left top; font-type: 24px Georgia, Utopia, 'Palatino Linotype', Palatino, serif; background-color: #dcdcdc; clear:left;float:left;margin-right:1em; margin-bottom:1em; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj5NtHrBZYcLKm7Y4MALvMh9am3FXPzFij9fVt-Az4lhTYriumLCIqnvTDL8dcKT044VNcSc6-xDsj4dl7QcA64i-27O8ePbwBWwkA3x8OoSSwa0410Mu4CbDwZfX2dm67OuG19Wwjkzc/s1600/light-header-lg.jpg); text-align:left; background-repeat: no-repeat; background-size: cover;">This is a lighter, larger decorative link header</a>

Now, I'll work on the blog title text:

Philosophical Reflections

<p class="title" style="font: normal normal 48px Georgia, Utopia, 'Palatino Linotype', Palatino, serif; color: #000000; background-color: #fffaf0; background-position: left top; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj5NtHrBZYcLKm7Y4MALvMh9am3FXPzFij9fVt-Az4lhTYriumLCIqnvTDL8dcKT044VNcSc6-xDsj4dl7QcA64i-27O8ePbwBWwkA3x8OoSSwa0410Mu4CbDwZfX2dm67OuG19Wwjkzc/s1600/light-header-lg.jpg); text-align: left; background-repeat: no-repeat; background-size: cover;">Philosophical Reflections</p>