Numine.com
Ten Ways I Untangled my CSS
by Kat
One CSS marathon later and it's done. I'm beat but I know a lot more than I did before. The page should look and function almost identically in IE and Firefox now. It works in IE for Mac and... sort of... works in Safari. Safari displays the blog template correctly but only the first post on the page is visible. Oh well, I can live with that. I'm proud of myself, so here's a rundown of what I fixed:

1) The image links were broken in IE. Ironically, if I turned on the link borders, the borders themselves were linked but the center was empty. So to fill in the gaps and provide a compromise for both systems, I gave the href tag something to munch by placing transparent gifs of appropriate size inside. Problem solved. Wanted to do it without resorting to that, but it works. Feels like cheating tho.

2) Had to make several font-altering tags into div tags to get them to take in IE. Firefox still likes them though, so whatever.

3) Filled in white space that suddenly and mysteriously appeared at the bottom of the page by giving the footer a height attribute.

4) The links around the author images refused to hold link color and hover attributes no matter WHAT I did. They just appeared as the nauseating default 1994-blue. Solved that one by applying a special class defining border and link attributes to images and slipping it into their image tags.

5) Obviously, I swapped the nav bar to the left side and took out the vertical line. Let me know if you like it better over the other way for any particular reason.

6) I stepped up the quality of the header image and added some more dark snowflakes in the background. Tell me if it takes too long to load-- but I probably won't change anything.

7) I made a snowflake icon that should appear in address bars and tabs of browsers that support such things.

8) Updated the about page to reflect template changes.

9) Ran the code through the W3C CSS Validator and took out all the wacky bits of style.

10) It validates. WOOHOO!

And that's it. Can it please be bedtime now? I'm tie-tie.

Posted on December 12, 2006 @ 10:58 PM | 10 comments

Comments:

Damn, you're good.

By Anonymous Lazy Lightning, at 7:38 AM, December 13, 2006  

I never would have spent so much time catering to the piece of s*** that is IE; I would have stopped at the IE detection warning and called it a day, lols. Good work mangling with it, although it looks the same to me, minus the formatting changes of course.

By Anonymous Rachel, at 8:35 AM, December 13, 2006  

Also, why you no have RSS? Plz RSS kthx! :)

By Anonymous Rachel, at 8:49 AM, December 13, 2006  

Brava!

By Blogger inkandpen, at 9:41 AM, December 13, 2006  

I fixed it cos it drive me totally nuts imagining people looking at my page all messed up and thinking I made it that way. LOL. Plus, despite how much I hate IE, about 80%+ of people still use it and I don't want my blog to look crappy for that many people. :D

Rachel-- THere's a link to the RSS feed in the left sidebar near the top of the buttons. :) It's just /atom.xml if you're interested.

By Blogger Kat, at 10:14 AM, December 13, 2006  

Ohay I found it, thx! Now you can finally be in my RSS'd list, wewt.

Shame on those who still use IE. Firefox = more secure, less shitty.

By Anonymous Rachel, at 1:05 PM, December 13, 2006  

ok...off topic question here...I know nothing about "gallery", except that you, Lazy Lightning, and Rachmicah all use it...and I like it. Is there any way I can use it without having my own domain like you all do? Could I host it on geocities or something like that? I don't really understand how it works. Please help. thx.

By Blogger sometrouble, at 1:08 PM, December 15, 2006  

....

All that nerdy computer talk makes me tingle in all sorts of places

....

Really though, I envy your l33t skillz. That's hot.

By Blogger Titania, at 12:12 AM, December 16, 2006  

Titania: don't you owe Paris Hilton some royalties for saying: "that's hawt"? I heard awhile back that she tried to patent that phrase, the dumb bitch. My royalties to her would be a nice, big *slap*.

By Anonymous Rachel, at 4:16 PM, December 17, 2006  

yay my IE links work!
hey after the holidays are we going to get to enjoy more wedding-planning-related posts and photos??

By Anonymous rebecca, at 8:42 PM, December 17, 2006  

Post a Comment



Authors  



Photography  







Recent Posts  
Update
Holidays
Duuuuupert!
A Year in the Life
Snow-em-gee!
Turkey Trip Pics
No Good Deed
Snow!
Turkey Trip
Doing Favors

Archive  
October 2005
November 2005
December 2005
January 2006
February 2006
March 2006
April 2006
May 2006
June 2006
July 2006
August 2006
September 2006
October 2006
November 2006
December 2006
January 2007
February 2007
March 2007
April 2007
May 2007
June 2007
July 2007
August 2007
September 2007
October 2007
November 2007
December 2007
January 2008
February 2008
March 2008

Blogroll  
Our wedding blog!
35 Degrees
Not So Simple
Twisted Monk
Mistress Matisse
Frangipani
Rachemicah
a road without end
Some Trouble
Bitching & Moaning
Tiramisusan
Cwapface!

Site Feed  
Feedburner