Because Blogger is dropping FTP support as of May 1st, I’ve finally been motivated to switch all my blogs to WordPress. I’m using the great Virtual Multiblog, which seems to work perfectly; I’d be done except that the Blogger2Wordpress converter is having a buffer problem right now, and this is the only blog I’ve managed to send over so far.
Then I get to start messing around with themes!
I’m still working on the overall look, but this is the beginning of an adaptation of the Cattleya theme with the Quintuple Jeopardy palette the amazing Craig Conley created in honor of my Jeopardy appearance!
Man, do I hate IE! For my own future reference:
Floated images are cut off when next to text with italic tags (related to guillotine bug?): assign hasLayout by adding zoom:1 to a containing element.
Absolutely-postioned elements inside a relatively-postioned div inside a margin:auto layout pops to the left: wrap the problem element with something absolutely positioned.
And thank you, Browsershots.org!
So, I’ve been telling everyone how learning CSS is totally worth it and not as hard as it seems. But today I spent probably 2 hours trying to get one simple image vertically aligned without using a table. I should have just put in a table, but I’m crazy stubborn. I guess it was educational… The breakthrough was finding this site for vertical centering, but then I had a hard time making it center horizontally too. You can see the ultimate solution at Jonathan’s new website (just a forwarder right now, so the code is simple), but here it is for anyone searching. There are a zillion solutions out there, which SEEM to be collected at SuzyUK’s thread, but I couldn’t get any of those to work for me. I fully admit my approach to CSS still has a lot of superstition!
margin: 1em auto;
and the code:
<img title="Click to enter" src="JCEcom.jpg" alt="Jonathan Caws-Elwitt, humorist and playwright" width="720" height="540" />